html - リンク内の1行または2行にテキストを垂直方向に配置します

Question

テキスト付きのアンカータグがあります。

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

このスタイリングを使用して、高さ30pxのリンク内で垂直方向に整列して見えるようにします。

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

問題は、90ピクセル幅のリンクに収まらない長いテキストがあるため、折り返されることです。そのため、リンク内のテキストはさらに押し下げられ、アンカータグ内で垂直方向に整列されません。

リンクが1行または2行のテキストに対して垂直に配置されていることを確認する方法を知っている人はいますか？2行のリンクにクラスを追加する機能がありません。

Answer 1

テキストが折り返されない

http://jsfiddle.net/mTJDd/

テキストを垂直方向に揃える場合、正しい方法はline-heightプロパティを使用することです

デモ 2

Answer 2

line-heightプロパティを使用してみてください。

a
{
   line-height:25px;
}