Liste annidate

Puoi inserire una lista dentro un'altra. Questa si chiama lista annidata. È utile per creare strutture gerarchiche, come scalette o menu multilivello. 

Per creare un elenco annidato, basta inserire un elemento <ul> o <ol> all'interno di un elemento <li> di un altro elenco.

Ecco un esempio di elenco non ordinato annidato:

<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>

Il secondo elemento contiene un elenco annidato con due sottoelementi. Nel browser verrà visualizzato così:

• Elemento 1
• Elemento 2
  • Sottoelemento 2.1
  • Sottoelemento 2.2
• Elemento 3

Puoi anche annidare elenchi ordinati o mescolare entrambi.