垂直居中对齐<a> tag</a>

Question

HTML

<a id='aTag' href='#'> a link </a>

CSS

#aTag {
   display: inline-block;
   width: 100px;
   height: 100px;
   background: red;
   text-align: center;
}

text-align: center为a元素执行水平居中。你如何垂直居中？

使用：vertical-align: middle不起作用。

注意：提供的其他解决方案适用于多个div，而不适用于<a>标记。

Answer 1

http://jsfiddle.net/HQu8Y/

尝试使用：

line-height:100px;