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;}