Für Einträge mit gleichem Abstand eignet sich:
[css gutter=“0″]
li { display:inline; }
[/css]
Für gleichverteilte Listeneinträge hingegen:
[css gutter=“0″]
float:left;
[/css]
Im zweiten Fall kann man noch eine Breite mit width vergeben, weil das li Element weiterhin als Block-Element behandelt wird. Damit ist die Breite eines Listeneintrages unabhängig von dessen Inhalt.
Bei Inline Elementen ist das nicht mehr möglich. Hier kann man mit padding für Abstand sorgen. Beispiel:
Stylesheet:
[css gutter=“0″]
ul { padding-left:0; margin:0; }
li { display:inline; padding-left:45px; }
li.first { padding-left:0; }
[/css]
HTML:
[html gutter=“0″]
<ul>
<li class="first">Erster</li>
<li>Zweiter</li>
<li>Letzter</li>
</ul>
[/html]