Vous savez maintenant créer des listes à puces et numérotées. Que diriez-vous de créer des listes sur plusieurs niveaux hiérarchiques ?
Il suffit pour cela d’imbriquer deux ou plusieurs balises <ul> ou <ol>. A titre d’exemple, nous allons imbriquer plusieurs listes à puces dans une liste numérotée pour obtenir le résultat suivant.
Examinons le code utilisé :
Comme vous pouvez le voir, la liste principale est une liste numérotée délimitée par les balises <ol> et </ol>. Cette liste contient quatre entrées <li></li>.
Dans la première entrée, une liste à puces <ul> de type square est définie. Cette liste contient une autre liste à puces <ul> de type circle, composée de quatre entrées. Les différents niveaux d’imbrication sont automatiquement indentés vers la droite.
La troisième entrée <li> de la liste principale contient une liste à puces de type square, composée de trois entrées.