Wie kann ich verschachtelte Listen nebeneinander positionieren?

Meine Geige: https://jsfiddle.net/a1g49g2t/7/Wie kann ich verschachtelte Listen nebeneinander positionieren?

Ich möchte die ol und ul Elemente nebeneinander sein. Ist das möglich?

Struktur:

<ol class="level1"> 
    <li>item1</li> 
    <li>item1</li> 
    <li>item1</li> 
    <li>item1</li> 
    <li> 
    <ul class="level2"> 
     <li>item2</li> 
     <li>item2</li> 
     <li>item2</li> 
     <li>item2</li> 
     <li>item2</li> 
     <li> 
     <ul class="level3"> 
      <li>item3</li> 
      <li>item3</li> 
      <li>item3</li> 
      <li>item3</li> 
     </ul> 
     </li> 
    </ul> 
    </li> 
</ol>

Quelle

2016-09-20 Maarten Wolfsen

Zunächst, stellen Sie sicher, alle Tag zu schließen, das OL ist nicht in der Nähe. Was meinst du mit nebeneinander? Sie wollen den Einzug nicht richtig? Haben Sie versucht, indem Sie links hinzufügen: 0; zu ul li wie hier https://jsfiddle.net/a1g49g2t/2/? –

@BrunoLandowski Was ich will, ist, dass die ul und ol Tags horizontal nebeneinander schweben. –

Ich kann mit Float arbeiten. –

ol ul { 
    position: absolute; 
    left: 200px; 
    top: 0; 
    background: #aaa; 
}

Demo

Beachten Sie, dass die Top-Level-Liste relativ zur einfacheren Seitenlayout positioniert werden könnte. Es spielt keine Rolle, solange es nicht im Standard (static) belassen wird.

Quelle

2016-09-20 14:45:57 isherwood

Wie kann ich verschachtelte Listen nebeneinander positionieren?

Antwort

Verwandte Themen