HTML, XHTML & CSS

Positioning
Chapter 12: Top 20 CSS Properties
identical to padding-top: 0.5em; padding-right: 0.5em; paddingbottom:
0.5em; padding-left: 0.5em;.
Close inspection of the figure shows that padding extends the text box around
the element, including the background. Using margin, on the other hand,
moves the edges of the text box away from the edge of the parent text box so
that content is indented all the way around. The combination of the two (see
the final pair of elements in Figure 12-8) extends the background around the
elements (padding) and moves the edges to accommodate their margins.
Figure 12-8: Margin and padding at work separately and together.
Positioning controls (see Table 12-6) define where elements appear on a page,
how elements relate to one another, and how text flows (or doesn’t) around
various elements. The TRBL properties (top, right, bottom, and left) come
into play here, and elements may be positioned absolutely (with reference to
the origin, or upper-left corner of the page) or relatively (with reference to
whatever element encloses them).
HTML source code for all of the figures in this chapter (and the rest of the
book) are available at www.dummieshtml.com. There, you can find the relevant
source in the Chapter 12 section (labeled Figure 12-1, Figure 12-2, and
so on).
201