将文本垂直对齐在链接中的一行或两行上

Question

我有一个带有一些文字的锚标记：

<a href="">My Link</a>

使用这种样式，使其在30px高的链接中看起来垂直对齐：

a
{
    width: 90px;
    padding: 13px 0 13px 0;
}

问题是现在有更长的文本不适合90px宽的链接，所以它导致它换行。因此，链接中的文本被向下推，而不是在锚标记内垂直对齐。

任何人都知道如何确保链接在一行或两行上垂直对齐？我没有能力将类添加到任何带有两行的链接。

Answer 1

尝试使用line-height属性。

a
{
   line-height:25px;
}

Answer 2

文字不会为我换行

http://jsfiddle.net/mTJDd/

如果要垂直对齐任何文本，正确的方法是使用line-height属性

Demo 2