<li>: Abstand nach links festlegen

[Guillermo]

Hallo,

Ich benutze eine Liste folgender Art:
<ul>
   <li>Text1</li>
   <li>Text2</li>
</ul>

Vor Text1 und Text2 werden jeweils diese "Kügelchen" (o) angezeigt.

Mein Problem: Ich möchte, dass diese Kügelchen genau den gleichen Abstand nach links haben wie der mit <p>...</p> erzeugt Text. Eine CSS-Formatierung p,ul { margin-left:50px; } führt jedoch nur in einigen Navigatoren zum Erfolg. In anderen hat der Text von li und p den gleichen Abstand nach links und die Kügelchen sind dafür zu weit links.

Gibt es einen ultimativen Kniff, wie ich sowohl für die li-Kügelchen als auch für p den gleichen Abstand nach links herstelle? Auf allen gängigen Navigatoren?

Grüße
Guillermo

[Christian Seiler]

Hallo Guillermo,

Gibt es einen ultimativen Kniff, wie ich sowohl für die li-Kügelchen als auch für p den gleichen Abstand nach links herstelle? Auf allen gängigen Navigatoren?

ul, li {
  margin: 0; padding: 0; /* erst einmal alle ränder abschalten */
}

p, li {
  margin-left: 50px; /* rand für absatz und listenelement einschalten */
}

li {
  list-style-position: inside; /* listenpunkte innerhalb der box anzeigen */
}

Viele Grüße,
Christian