Aufzählungszeichen bei Listen

Hier mal ein kleines Beispiel, wie man Listen mit anderen Aufzählzeichen versehen kann, ohne gleich auf Grafiken zurückgreifen zu müssen. Meist möchte man nur andere Anstriche oder Punkte haben, welche im normalen Zeichensatz enthalten sind.

<ul class="ws-li-1"> <li>dies ist die erste Zeile</li> <li>und hier kommt die 2. Zeile<br />mit Zeilenumbruch</li> <li>zum Abschluss eine dritte Zeile</li> </ul>

und natürlich das dazugehörige CSS

.ws-li-1 { list-style: none; }
.ws-li-1 li:before { content: "» "; font-weight: bold; color: red; margin-left: -1.2em; }

und so sieht es aus