This diagram illustrates the boxes generated by a ULlist with two LI list items.
There are two parts to the illustration. The first shows the actualrendering of the boxes generated by the list elements. Backgroundcolors and border styles vary to delimit the box areas.
The second shows the same rendering, but the content, padding,border, and margin edges of each box are shown explicitly. Inparticular, the illustration shows how vertical margins betweenthe LI boxes collapse.