css - <a> 标签中的文本垂直居中

Question

<a id="asapg" href="/link/">Text</a>

a#asapg {display: inline-block;cursor: pointer;padding: 15px;text-align: center;border-bottom: 1px solid rgba(121, 119, 119, 0.15);text-transform:uppercase;font-size:16px;width:100%;vertical-align: middle;background: rgba(255,255,255,0.6);min-height: 170px;}

我试图将文本垂直居中放置在链接的中间，但没有成功。

Answer 1

将 line-height 设置为等于元素的 height(170 像素？)

a#asapg{
   ...
   height: 170px;
   line-height: 170px;
}