Einrückung in Listen

[Björn Seibert]

Der übliche Workaround geht über Hintergrundgrafiken und Padding.

Cheatah

»»
Oder man setzt <span></span> ein, wenn man für die Listensymbole keine Grafiken verwenden möchte. Arbeitet dann mit margin-left:

#eins span {margin-left: o;}
#zwei span {margin-left: 20px;}

<ul id="eins">
<li><span>Listenpunkt 1</span></li>
<li><span>Listenpunkt 2</span></li>
</ul>

<ul id="zwei">
<li><span>Listenpunkt 1</span></li>
<li><span>Listenpunkt 2</span></li>
</ul>

Man sollte aber wenn möglich, wie Cheatah vorgeschlagen hat, mit Hintergrundgrafiken und padding-Angaben arbeiten und list-style-type auf none setzen.

Gruß
Björn