Listes imbriquées

Tu peux placer une liste à l’intérieur d’une autre. On appelle cela une liste imbriquée. C’est utile pour créer des structures hiérarchiques, comme des plans ou des menus à plusieurs niveaux. 

Pour créer une liste imbriquée, il suffit de placer un élément <ul> ou <ol> à l’intérieur d’un élément <li> d’une autre liste.

Voici un exemple de liste non ordonnée imbriquée :

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

Le deuxième élément contient une liste imbriquée avec deux sous-éléments. Dans le navigateur, elle s’affichera ainsi :

• Élément 1
• Élément 2
  • Sous-élément 2.1
  • Sous-élément 2.2
• Élément 3

Tu peux aussi imbriquer des listes ordonnées ou mélanger les deux.