Verschachtelte Listen

Du kannst eine Liste in eine andere einfügen. Das nennt man eine verschachtelte Liste. Das ist nützlich, um hierarchische Strukturen zu erstellen, zum Beispiel Gliederungen oder Menüs mit mehreren Ebenen. 

Um eine verschachtelte Liste zu erstellen, platzierst du einfach ein <ul>- oder <ol>-Element innerhalb eines <li>-Elements einer anderen Liste.

Hier ist ein Beispiel für eine verschachtelte ungeordnete Liste:

<ul>
  <li>Item 1</li>
  <li>Item 2
    <ul>
      <li>Subitem 2.1</li>
      <li>Subitem 2.2</li>
    </ul>
  </li>
  <li>Item 3</li>
</ul>

Das zweite Element enthält eine verschachtelte Liste mit zwei Unterelementen. Im Browser wird sie so angezeigt:

• Element 1
• Element 2
  • Unterelement 2.1
  • Unterelement 2.2
• Element 3

Du kannst auch nummerierte Listen verschachteln oder beide Arten mischen.