Listas anidadas

Puedes colocar una lista dentro de otra. Esto se llama lista anidada. Esto resulta útil para crear estructuras jerárquicas, como esquemas o menús de varios niveles. 

Para crear una lista anidada, simplemente coloca un elemento <ul> o <ol> dentro de un elemento <li> de otra lista.

Aquí tienes un ejemplo de una lista desordenada anidada:

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

El segundo elemento contiene una lista anidada con dos subelementos. En el navegador, se mostrará así:

• Elemento 1
• Elemento 2
  • Subelemento 2.1
  • Subelemento 2.2
• Elemento 3

También puedes anidar listas ordenadas o combinar ambos tipos.