Эта диаграмма показывает боксы, сгенерированные списками UL, с двумя элементами LI списка.
У иллюстрации две части.
Первая показывает настоящий вид боксов, сгенерированных элементами списка. Цвета фона и жанры обрамления различаются для показа границ областей боксов.
Вторая часть показывает тот же вид, но содержимое, заполнение, рамки и края полей всего бокса показаны очевидно. Отменно видно, что вертикальные поля между боксами LI сжаты.