如何在 div 的顶部和底部之间居中文本？

Question

我想将我的文本与我的 div 中间对齐，但我似乎无法让它工作。我怎样才能做到这一点？

谢谢您的帮助！

<div style="height:40px;">Personal Information</div>

“个人信息”应位于顶部和底部之间。

Answer 1

CSS：

myDiv
{
display:table-cell;
vertical-align:middle;
}

排队：

<div style="display:table-cell; vertical-align:middle;">Personal Information</div>

更新：

这适用于 JSFIDDLE ...

div {
 display:table-cell;
 width: 200px;
 height: 200px;
 vertical-align:middle;
 background: red;
}