이 도표는 두 LI 목록 항목(list item)들을 갖는 UL 목록에 의하여 생성된 박스(box)들을 설명한다.

설명은 두 부분들로 되어있다. 첫번째는 목록 엘레멘트(element)에 의하여 생성된 박스의 실제적 표현을 설명한다. 배경색상(color)과 보더 스타일(border style)들은 박스 지역(box area)들을 구별하기 위하여 다르게 했다.

두번째는 같은 표현을 설명하지 만, 각 박스의 내용(content), 패딩(padding), 보더(border),와 마진(margin) 모서리(edge)들이 지명적으로 나타난다. 특히, 어떻게 LI 박스들사이의 수직 마진 통합되는가를 설명한다.