使用CSS让文本内容垂直居中

CSS代码：

<style type="text/css">a { color:#000;}.holder{width:600px;height:210px; border:1px solid #777;text-align:center;display:table-cell; vertical-align:middle;}/*以下样式针对IE*/.edge{width:0;height:100%; display:inline-block;vertical-align:middle;}.container{vertical-align:middle; display:inline-block;}</style>

HTML代码：

<div class="holder"> <!–[if IE]><span class="edge"></span><![endif]–> <!–[if IE]><span class="container"><![endif]–> <h1>使用CSS让文本内容垂直居中</h1> <h3><a href="http://www.865171.cn"> www.865171.cn</a></h3><!–[if IE]></span> <![endif]–></div>

演示效果截图：