The Box Model: 3

A bit of body text, so we can see how the h1 box margin influences the position of the body text.

In this version we change the background color of the h1 element, put a border around it, specify the border width and color, and add padding between the border and the box content (the text).

h1 { font-family: Verdana, Arial, sans-serif; font-size: 1.8em; text-align: center; margin: 1em 4em 0em 4em; border-style: solid; background: #aff; border-width: 0.25em; border-color: #d00; padding: 0.5em; }