div 中文字垂直对齐失效问题

有时候想让div中的文字垂直居中对齐，设置上vertical-align:middle;不起作用， 甚是烦恼。

解决方法：加上 line-height:52px;  如下：

.item{vertical-align:middle;

border-bottom: 1px dotted;

border-bottom-color:#0CF;

text-align:center;

line-height:52px; }