have been stacked on top of one another with their right sides linedup with each other. If we had set the paragraph to have atext-align of center, then thecenters of the line boxes would have lined up, and if it were set tojustify, then each line box would be forced to beas wide as the paragraph's content area. The difference is madeup in letter- and word-spacing, as we see in Figure 8-49.

That pretty well covers how line boxes are generated, at least in the
Another simple rule. This one keeps floating elements from floatingall the way to the top of the document. The correct behavior isillustrated in Figure 8-33.

5. A floating element's top may not be higher thanthe top of any earlier floating or block-level element.
right | bothnone
no
all elements
colorIE4 Y/Y IE5 Y/Y NN4 Y/Y Op3 Y/-(Again, the background color helps show the content area, and thedashed lines are for illustrative purposes only.) As Figure 7-7 demonstrates, 10 pixels of space are added toeach side of the content area. This is somewhat similar to using theHSPACE and VSPACE attributes inHTML. In fact, you can use margin to set extraspace around an image. Let's say you want 1 em of spacesurrounding all images:
IMG {margin: 1em;}That's all it takes.