CSS-Liste bündig: Wie Text einrücken nach Zeilenumbruch?

[Thomas R.]

Nicht nur möglich, es ist eigentlich sogar das Standardverhalten. Insofern wundert mich deine Frage etwas, bzw. wundere ich mich, wie du die nicht-eingerückte Darstellung hinbekommen hast.

Du hast Recht, vielen Dank! Ich habe die Ursache gefunden:

Ich hatte in meiner Liste vor dem Text kleine Piktogramme. Der Text war nach dem Zeilenumbruch natürlich sehr wohl bündig, nur halt nicht mit dem Piktogramm. Mein Fehler, entschuldigung!

Ich habe nun eine Lösung gefunden:

Statt

<li><img src="/email.png" alt="E-Mail-Icon" class="icon" /><a href="">E-Mail-Benachrichtigung bei neuen Beiträgen</a></li>

schreibe ich

<li><img src="/images/gui/icons/email.png" alt="E-Mail-Icon" class="icon" /><a href="">E-Mail-Benachrichtigung bei neuen</a> <a href="" style="margin-left:20px;">Beiträgen</a></li>

Der Zeilenumbruch ist nach "neuen".

Das ist zwar nicht sauber, aber eine andere Lösung fällt mir nicht ein, da man nicht für jeden einzelnen Listenpunkt ein anderes Bullet-Icon verwenden kann.