Questo diagramma illustra i riquadrati generati da un elenco UL con due voci di elenco LI.
L'illustrazione è divisa in due parti. La prima mostra la resa [rendering] effettiva dei riquadrati generati dagli elementi dell'elenco. I colori di sfondo e gli stili del bordo variano per delimitare le aree del riquadrato.
La seconda mostra la stessa resa, ma i limiti del contenuto, del cuscinetto, del bordo e del margine di ogni riquadrato sono mostrati esplicitamente. In particolare, l'illustrazione mostra come i margini verticali fra i riquadrati LI collassino.