<span>ナビゲーションバー内のテキストを移動するために使用しようとしています。私のナビゲーションバーはa<ul>で、要素はすべて<li>sですが、テキストはナビゲーションバーの上部に配置されており、垂直方向の中央に配置する必要があります。JSFiddleでわかるように、CSSのa：hoverプロパティを使用して、テキストにカーソルを合わせたときにテキストの背景と色を変更しています。テキストだけにスパンを適用すると、ホバリングセクション全体も移動します。私が何を意味するのか理解できるかどうか見てください。
私のJSFiddleはここにあります：
基本的には、テキストを単純で簡潔な方法で垂直方向に揃えたいだけです。もともと私は''タグを使用してマージンを設定していましたが、SEOを改善するために、この目的でヘッダータグを使用することは避けたいと思います。ありがとう。
テキストを垂直方向に中央揃えするためにline-height：40pxを追加しました。IE7は完全にはサポートされていないため、これに問題があります。したがって、liにパディングトップがある条件付きスタイルシートで解決します。
行の高さを追加すると機能します。上部にパディングを追加することもできます。
.class { padding-top: 10px; }
パディングを中央に調整します。
これを数年後に更新しますが、常に使用するオプションがあります。
display:table;
display:table-row;
display:table-cell;
vertical-align：middleを使用します。アイテムを中央に配置するため。レスポンシブルールを表示スタイルに適用できるため、最近このアプローチを好みます（たとえば、他の画面サイズに更新する必要がある場合は、display：blockやdisplay：inline-blockなどに変更します。フィドルは次のとおりです。