演示效果截图

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>

效果演示/代码下载

在线演示
源码下载