css - スパンとアンカーのデフォルトの高さ

Question

<a>スパン要素の高さが異なる理由を教えてください。

<a>垂直方向の中央が揃えられ、スパンが垂直方向の使用可能なスペースをすべて使用しているのはなぜですか？

http://jsfiddle.net/vpVEf/12/

Answer 1

これは、リストアイテムの行の高さが70pxであるためです。スパンの高さは、線の高さに基づいています。

#MenuEventos li {
line-height: 70px;
}

Answer 2

コードにいくつかの問題があります。まず、あなたはfont-size:3emのために持っていますが、のためspanではありませんa。また、あなたはスパンですが、結果として、のコンテンツは親の右上に到達float:rightしません。float:leftaspanli

解決策：を追加font-size:3emしliてから削除しspanます。を追加float:leftしaます。floatの追加overflow:hiddenをクリアしliます。ただし、使用しているためoutline、黒い線は表示されません。だからに変更outlineしますborder:3px solid #000

デモ： http： //jsfiddle.net/vpVEf/13/