Friday 24th of February 2017 01:52:53 PM

Book Home

Cascading Style Sheets: The Definitive GuideSearch this book


Symbols | A | B

B {margin-left: 10px; background: silver;}
Figure 7-23

Figure 7-23. An inline element with a left margin

Note the extra space between the end of the word just before theinline element, and the edge of the inline element'sbackground. This can end up on both ends of the inline if we wish:

B {margin: 10px; background: silver;}

As expected, Figure 7-24 shows a little extra spaceon the right and left sides of the inline element, and no extra space | 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. Generating a line box

Here arethe steps a user agent has to go through in order to generate a linebox. First, for each inline nonreplaced element (or string of textoutside of an inline element), the font-size isused to determine the initial content-height.Thus, if an inline element has a font-size of15px , then the content-height starts out as