TIPS - CSS: Professional Techniques for Modern Layout - page 87

Figure 3-11: Previewing print styles in the browser.

89

BLOCK-LEVEL LINKS
Messing around with display is one of the cornerstones of doing interesting layout on
minimal markup. And one of the best tricks in this card deck is to have hyperlinks, which
usually create an inline box, generate a block-level box instead.

To understand why, consider a list of links in a page's sidebar. h ese are probably all an
unordered list, one link per list item, or else in some very similar structure. In fact, consider
two identical lists of links. h e only dif erence is that one list will have block-level links, and the
other won't (see Figure 3-12). We'll give the links backgrounds to make the dif erence clear.

Figure 3-12: Two lists of links—one blocked, the other not.