Probleme mit der Liste Anzeigen Artikel Inline

Question

Ich habe versucht, die Links auf this webpage zu bekommen, um inline mit angezeigt:

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

Allerdings scheint es nur für einige der Links zu arbeiten, obwohl sie alle li Elemente mit der .top Klasse. Wenn mir jemand erklären könnte, warum das nicht funktioniert, würde ich es begrüßen.

Answer 1

Es gibt einige Tabellen innerhalb der li Elemente. Tabellen sind Blockelemente, sie schließen die letzte Inline-Box. Entfernen Sie die Tabellen oder verwenden Sie display: inline-block.

Answer 2

Hallo, bitte fügen Sie die Eigenschaften in Ihrer CSS-Klasse wie folgt hinzu.

.top{ 
display:inline-block; 
}