Sprint
Erfahrenes Mitglied
Hallo zusammen,
ich versuche, die Listenpunkte einer Liste mit Unicode Zeichen unterschiedlich zu gestalten. Das funktioniert soweit auch, aber din dem Fall werden die Zeichen immer in die Listenpunkte eingezogen, wie bei einem "list-style-position: inside;".
Gibt es eine Möglichkeit, das so zu formatieren, daß die Listenzeichen vor dem Text liegen?
ich versuche, die Listenpunkte einer Liste mit Unicode Zeichen unterschiedlich zu gestalten. Das funktioniert soweit auch, aber din dem Fall werden die Zeichen immer in die Listenpunkte eingezogen, wie bei einem "list-style-position: inside;".
CSS:
.l1, .l2 {
list-style-type: none;
}
li.l1:before {
content: "\2023\a0";
font-size: 20px;
}
li.l2:before {
content: "\27b5\a0";
font-size: 20px;
}
HTML:
<ul>
<li class="l1">Listenpunkt Typ 1</li>
<li class="l2">Listenpunkt Typ 2</li>
<li class="l1">Listenpunkt Typ 1</li>
<li class="l2">Listenpunkt Typ 2</li>
</ul>
Gibt es eine Möglichkeit, das so zu formatieren, daß die Listenzeichen vor dem Text liegen?