css中怎么让div里面的文字底部对齐

举个例子：

1.创建HTML元素

<div>文字在div的底部对齐</div>

2.添加css样式

div{
    width:200px;height:50px;  /*设置div的大小*/
    border:4px solid #beceeb; /*为了便于观察，显示出边框*/
    display:table-cell; 
    vertical-align:bottom;}