geordnete Liste mit verschachtelter numerierung

Hallo zusammen!

Ich möchte gerne eine Liste erstellen, wo die Unterpunkte als x.1, x.2 usw. benannt werden. Entsprechendes CSS habe ich auch schon gefunden. Nur leider gibt es da ein kleines Problem.

Bei der 'normalen' geordneten Liste wird der Text ja mit einer Flucht dargestellt, sprich die Zahl steht links und in etwas Abstand steht dann daneben der (mehrzeilige) Textblock.

Zitat

1. Lore Ipsum
   
   
   1. Lore Ipsum
   2. Lore Ipsum
   3. Lore Ipsum
2. Lore Ipsum
3. Lore IpsumLore IpsumLore IpsumLore IpsumLore IpsumLore IpsumLore IpsumLore IpsumLore IpsumLore IpsumLore IpsumLore IpsumLore IpsumLore IpsumLore IpsumLore Ipsum

Wenn ich jetzt aber den gefundenen CSS-Code

ol.ebene1 {  counter-reset:listenpunkt_ebene1;
  list-style-type:none;
}
ol.ebene1 li:before {
  content: counter(listenpunkt_ebene1) ". ";
  counter-increment:listenpunkt_ebene1;
}
ol.ebene2 {
  counter-reset:listenpunkt_ebene2;
  list-style-type:none;
}
ol.ebene2 li:before {
  content: counter(listenpunkt_ebene1)"."counter(listenpunkt_ebene2,decimal) ". ";
  counter-increment:listenpunkt_ebene2;
}

nehme, und die einzelnen Ober- mit ihren Unterpunkten entsprechend markiere, dann werden die nachfolgenden Punkte mit dem dazugehörigen Text im Fließtext dargestellt.

Das Letzte LoreIpsum von Punkt 3 steht dann unterhalb der Zahl 3, nicht mehr am Beginn des eigentlichen Textes.

Wo liegt mein Denkfehler?

Hallo Monika!

Danke für die Antwort.

Ich weiß jetzt nicht, ob ich mich gut genug ausgedrückt habe. Daher möchte ich das noch einmal bildlich darstellen.

Mit ol sieht die Liste ja nachfolgend zu sehen aus.

Wenn ich den oben gefundenen Code als Basis nehme, dann sieht es wie in der anderen Datei dargestellt aus. Der Punkt 7 wird 'in einem Rutsch' dargestellt.

Und ich gehe vor, wie auf dieser Seite angegeben