水平ナビゲーションバーの li 内のテキストを垂直方向の中央に配置するにはどうすればよいですか? _html/css_WEB-ITnose

https://jsfiddle.net/fbfobLo6/1/

今度は、最初の 2 つは画像で、3 番目はテキストと画像の形式です。画像は背景を使用して実装されています。しかし、テキストはリの底に沈み続けました。いくつかの方法を試しましたが、成功しませんでした。 。ここで、3 番目のオプションの img と text を垂直方向の中央に配置したいのですが、現在の li で水平方向に中央に配置するのが最善です。これを行う方法についてのガイダンスはありますか。具体的なコードについては、上のリンクを参照してください。

ディスカッションに返信 (解決策)

li の行の高さをナビゲーションの高さと同じに設定します

li の行の高さをナビゲーションと同じに設定します

の高さは機能しません。 line-height を設定した後、テキストのベースラインが引き続き li の底部に揃うように、テキストの dom が自動的に下に移動します。

line-height、またはパディングを設定して簡単にします。

.play-state line-height:0px を追加; overflow:hidden;
.icon-play を追加

ご協力ありがとうございます。