Ce dessin montre les boîtes générées par une liste UL avec deux items de liste LI.
L'illustration est en deux parties. La première montre le rendu effectif des boîtes générées par les éléments de la liste. Les couleurs de fond et les styles des bordures sont diversifiés pour délimiter les aires des boîtes.
La seconde montre le même rendu, mais les bords du contenu, de l'espacement, des bordures et des marges de chacune des boîtes sont explicites. En particulier, on montre comment les marges verticales entres les boîtes des éléments LI fusionnent.