centered
This area should be horizontally and vertically centered.

In general, the width of an element is defined to be the distance from the left inner edge to the right inner edge, and the height is the distance from the inner top to the inner bottom. These are both, not coincidentally, properties that can be applied to an element.
The various widths, heights, padding, margins, and borders all
combine to determine how a document is laid out. In most cases, the
This text stays left aligned
ie mac doesn't like this!
more nice and free css templates
![]()
![]()
B {padding-left: 10px; padding-right: 10px; background: silver;}
Note the extra background space that appears on either end of the boldfaced text. There's your padding.
This all seems familiar enough, even when the boldfaced text stretches across multiple lines. Turn to Figure 7-61 to see what happens with padding set on an inline element displayed across multiple lines:
/* file 'link-styles.css' */ /* file 'import-styles.css' */
H1 {margin-bottom: 0;} H1 {margin-bottom: 0;}
P {margin-top: -1em;} P {margin-top: 0;}
<LINK REL="stylesheet" TYPE="text/css" HREF="link-styles.css"
TITLE="Linked">
<STYLE TYPE="text/css">
@import url(import-styles.css);
</STYLE>
Because Explorer will read in both style sheets, it will use the