html - 在div中垂直居中放置文字？

我似乎无法在div的中心垂直居中放置文本，它一直浮动在顶部。这是我的代码：
的CSS

.dialer{
background-image: url('http://v4m.mobi/php/fb/images/close.png');
background-repeat: none;
width: 100;
height: 40;
margin: 0 auto;
-moz-box-shadow: 0 12px 8px -8px rgba(0,0,0,0.7);
-webkit-box-shadow: 0 12px 8px -8px rgba(0,0,0,0.7);
box-shadow: 0 12px 8px -8px rgba(0,0,0,0.7);
text-align: center;
}

的HTML

<div class="dialer" align="center"><a href="http://v4m.mobi/php/fb/index.php"
style="color: #ffffff; font-size: 18px; font-weight: bold; text-decoration: none;
margin-top: 20px;">Close App</a></div>

有什么建议么？

谢谢

最佳答案

尝试这个

http://css-tricks.com/vertically-center-multi-lined-text/