Axel Richter: Aufzählungsliste: Textabstand in Tabelle

Beitrag lesen

Hallo,

Damit nun die Aufzählungszeichen ganz links ausgerichtet werden, und auch die unterste Leerzeile zwischen letztem Aufzählungspunkt und Tabellenrand verschwindet, hab ich u.a. den text-indent auf 15px gestellt und den margin auf 0px:

Was genau bezweckst Du mit dem text-indent hier zu erreichen?

ul { font-family: Verdana;
     font-size: 11px;
     list-style:square;

^Warum das und später nochmal list-style-type: square;? Lass das weg.

list-style-position: inside;

^Was soll das bringen? Lass es weg.

list-style-type: square;
     text-indent: 15px;

^Lass das weg.

margin: 0px;

padding: 0;
        padding-left: 15px;

}

Nutze padding-left für das UL-Element, um den Platz für die Aufzählungszeichen vorzugeben und ggf. padding-left für die LI-Elemente, um den Abstand zwischen Aufzählungszeichen und Text zu vergrößern.

Problem dabei: bei Zeilenumbrüchen wird der Text in der umgebrochenen zweiten Zeile auch ganz links am Tabellenrand ausgerückt (statt schön linear unter der ersten Zeile).

Ja, wegen list-style-position: inside.

viele Grüße

Axel