Verschachtelte Liste einrücken

[Mo3b]

Hi,
ich habe hier verschachtelte ungeordnete Liste:

<ul>
 <li>
 <ul>
  <li>  Soll einrückt werden.
 <li>   Soll einrückt werden.
 </ul>
</ul>

Ich habe jetzt mal folgendes probiert:

li li {
margin-left:50px;
}

Schaut auch gar net so schlecht aus. Nur werden die Aufzählpunkte nicht mit eingerückt.

Wie geht das besser?

Mfg,
Mo3b

 

[toney]

Du hast keines deiner li-Elemente geschlossen. So muss das aussehen:

<ul>
  <li>
    <ul>
      <li>Soll einrückt werden.</li>
      <li>Soll einrückt werden.</li>
    </ul>
  </li>
</ul>

 

[Mo3b]

In dem Beispiel nicht, das stimmt. In meinem Code aber schon.

Nur das ihr mich richtig versteht, das Einrücken funktioniert, nur die Punkte am Anfang werden nicht eingerückt.

Mfg,
Mo3b

 

[toney]

Achso, sorry. Kam so nicht rüber ;)
Das geht natürlich auch. Gib deinem 2. <ul> einfach ein padding-left und lass bei deinem <li> die margins weg.

 

[Em.Ef.Be]

list-style-position: inside; //oder outside

 

[toney]

Das wird hier wohl nich helfen ^^