Element ul - inkl. einrücken - Probleme bei der Darstellung

[Rolf B]

Hallo Mark,

• ein <div muss mit einem > beendet werden
• ein <li> muss mit einem </li> beendet werden
• ein <p> darf nur bestimmte Inhaltselemente enthalten, nämlich "phrasing content" - was wir im Wiki mangels besserer Ideen mit "Stil-Elementen" übersetzt haben. div und ul sind Flow Content und kein Phrasing Content. Deswegen beendet der Browser das <p> Element automatisch vor dem Einrückungs-div, bzw. vor dem ul.
• text-indent rückt Text ein, nicht die Listenpunkte. Ist das deine Absicht?
• text-indent rückt nur die erste Zeile ein, nicht den kompletten Abschnitt.

Wenn Du die ganze Liste nach rechts schieben willst, lass das div weg und gib dem ul Element einen margin-left, oder erhöhe das padding-left, das der Browser bereits setzt. Der Unterschied zwischen margin und padding ist relevant, wenn die Liste einen Rahmen oder eine Hintergrundfarbe hat. margin schiebt alles, padding lässt den linken Rand (und damit den linken Abschluss von Rahmen oder Hintergrund) gleich und schiebt nur die Listenpunkte ein.

Rolf