Listes imbriquées

Vous pouvez placer une liste dans une autre. C’est ce qu’on appelle une liste imbriquée. Cela est utile pour créer des structures hiérarchiques, telles que 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 <li> élément 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

Vous pouvez également imbriquer des listes ordonnées ou mélanger les deux.