css - スパン要素の垂直方向の位置合わせ

Question

垂直方向の配置で問題が発生しています。<span>›&lt;/span>要素を垂直に集中さ せたい。http://jsfiddle.net/vpVEf/

この例の「lia」として自動的に一元化する方法はありますか？要素はline-heightを使用せずに集中化されることに注意してください。 http://jsfiddle.net/vpVEf/9/

Answer 1

これが発生する理由は、aタグにパディングがあり、タグ内のすべてが12px押し下げられているためです。

上部/下部のパディングを取り外し、line-heightそれを68px高くするために使用します。

padding: 0 12px;
line-height: 68px;

見た目は違うかもしれませんが、これで問題は解決します。からすべてのフォーマットを削除しspanて確認してください。しかし、問題は、テキストがスパン内で中央に配置されていないことです。で使用line-heightして、それspanを調整することもできます。

line-height: 55px;

うまくいくようです。

デモ

Answer 2

行の高さを使用して、スパンの垂直方向の配置を調整してみてください。

#MenuEventos li span{
    position: relative;
    float: right;
    font-size: 3.5em;
    color: white;
    font-family: serif;
    font-weight: bold;
    margin: auto 0px auto 0px;
    line-height: 44px; /* Adjust this as needed */
} 

例： http： //jsfiddle.net/vpVEf/1/

Answer 3

line-height: 2.8em;あなたがスタイルで持っているものを取り、それを#MenuEventos li aスタイルに移し #MenuEventos liます。

このjfiddleを参照してください：http：//jsfiddle.net/zFnJb/

Answer 4

<a>要素を左に浮かせ、要素を右に浮かせる必要があります<span>。