垂直居中文字

Question

如何在正常情况下垂直居中一些简单的文字<div>？我有这样的标记:

<div style="height:200px;">
   <span style="display:inline; vertical-align:middle;">ABOUT</span>
<div>

它在Firefox或Internet Explorer下不起作用.为什么不？

Answer 1

那不是那个vertical-align.你可能想要line-height:

<div>
    <span style="line-height: 200px;">ABOUT</span>
</div>

这是一个演示.