csswg-drafts/css2/images/longdesc/boxdimeg-desc.html at c30ee4832e8b782553ffcaf8bdd88470f4e41571 · w3c/csswg-drafts · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="en">
  <head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">

    <title>Long description of list box example showing margins,
padding, and borders</title>
  </head>

  <body>
      <h1>Long description of list box example showing margins,
padding, and borders</h1>

<P>This diagram illustrates the boxes generated by a UL
list with two LI list items.

<P>There are two parts to the illustration. The first shows the actual
rendering of the boxes generated by the list elements. Background
colors and border styles vary to delimit the box areas.

<P>The second shows the same rendering, but the content, padding,
border, and margin edges of each box are shown explicitly. In
particular, the illustration shows how vertical margins between
the LI boxes collapse.

<P><a href="../../box.html#img-boxdimeg">Return to image.</a>

</body>
</html>