mehrstufige Liste horizontal

[mikolaskova]

Hallo,

ich möchte eine mehrstufige Liste (mehrere Schachtelungstiefen/ Hierarchieebenen...) wie folgt darstellen:

Punkt 1 - Punkt 2- Punkt 3
Punkt 2.2 - Punkt 2.3 - Punkt 2.3

Egal ob ich die Horizontale darstellung mit floaten (float:left) oder display:inline erreiche, es wird immer Platz für verschaltelte Liste (2.Stufe) ausgelassen.

D.h. es sieht dann so:

Punkt 1 - Punkt 2                                 - Punkt 3
                 Punkt 2.2 - Punkt 2.3 - Punkt 2.3

oder so aus:

Punkt 1 - Punkt 2
Punkt 2.2 - Punkt 2.3 - Punkt 2.3

• Punkt 3

Gibt es eine Möglichkeit, diese Lücke zu schliessen? (Nebst der Lösung, die zweite Liste absolut zu positionieren- die möchte ich gern vermeiden)

Danke und Gruss

Adriana

Der HTML-Code sieht so aus:

<ul>
    <li>Punkt 1</li>
    <li>Punkt 2
        <ul>
              <li>Punkt 2.1</li>
              <li>Punkt 2.2</li>
              <li>Punkt 2.3</li>
        </ul>
    <li>Punkt 3</li>
</ul>