css - リストアイテムをインラインで表示する際の問題

Question

私はこのウェブページのリンクを次の方法で表示しようとしていますinline。

<style type="text/css">
ul#nav li.top {
 display:inline;
}
</style>

ただし、すべてがクラスの要素である場合でも、一部のリンクでのみ機能するようです。なぜこれが機能しないのか誰かが私に説明できれば、私はそれをいただければ幸いです。li.top

Answer 1

li要素の中にいくつかのテーブルがあります。テーブルはブロック要素であり、最後のインラインボックスを閉じます。テーブルを削除するか、を使用しますdisplay: inline-block。

Answer 2

こんにちは、このようにcssトップクラスに1つのプロパティを追加してください。

.top{
display:inline-block;
}