Saturday 28th of February 2015 02:51:32 AM

Book Home

Cascading Style Sheets: The Definitive GuideSearch this book

Symbols | A | B | C | D | E | F | G | H | I | J This is text, <EM>some of which is emphasized</EM>, plus other text<BR>which is <B STYLE="font-size: 24px;">boldfaced</B>and <SPAN STYLE="vertical-align: top; line-height: 4px;">tall</SPAN>and which is<BR>larger than the surrounding text.</P>

Since the line-height for the "tall"text is less than its font-size, the inline boxfor that element is smaller. This will change the placement of thetext itself, since the top of its inline box must be aligned with the | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z

Index: Y

There are no index entries for this letter.


Symbols | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z


Library Navigation Links

Copyright © 2002 O'Reilly & Associates, Inc. All Rights Reserved.

A.external:link {color: #666666;}A:active {color: silver;}A:visited {color: #333333;} /* a very dark gray */A.external:visited {color: black;}

This will cause all external links to be medium gray beforethey're visited and black once they've been visited,while all other links will be dark gray when visited and medium graywhen unvisited -- as Figure 6-5 makes clear.

Figure 6-5

Figure 6-5. Setting different colors for different hyperlink classes

element that occurs earlier.
Figure 8-34 is an example of this.

Figure 8-34

Figure 8-34. Keeping floats below their predecessors

6. A floating element's top may not be higher than the top of any line box with content that precedes the floating element.

Similar to rules 4 and 5, this further limits the upward floating of an element by preventing it from being above the top of a line Figure 8-39.

Figure 8-39

Figure 8-39. Expected floating behavior

Nothing unusual there, of course, but Figure 8-40 shows what happens when we set the first paragraph to have a background.

Figure 8-40

Figure 8-40. Backgrounds and floated elements

There is nothing different about the second example, except for the visible background. As you can see, the floated image sticks out of