Liste annidate

Puoi inserire un elenco all'interno di un altro. Questo è chiamato elenco annidato. È utile per creare strutture gerarchiche, come schemi o menu a più livelli. 

Per creare un elenco annidato, basta inserire un elemento <ul> o <ol> all'interno di un <li> elemento 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 combinarli.