Описание примера блока для списка с полями, отступами и границами

Эта диаграмма иллюстрирует блоки, генерируемые списком UL с двумя строками LI.

Иллюстрация имеет две части. Первая часть показывает фактическую визуализацию блоков, генерируемых элементами списков. Цвет фона и стили границ варьируют для разграничения областей блоков.

Вторая часть показывает ту же визуализацию, но края содержания, отступа, границы и поля показаны подробнее. В частности, иллюстрация показывает, как вертикальные поля между блоками LI сжимаются.