Adding a Header

Step 3 - style and center the heading element. We set a width for the h1 element in the header so we can apply auto margins on each side to center it.

We also use the text-align property to center the type within this centered element, and select a different font for a little variety. The h1 border is temporarily on so you can see the element's position and the text centered within it.

Unfortunately, IE5 doesn't support auto margins, so the header is not centered in IE5 - we'll fix that in our clean-up phase.

Nulla scelerisque. Sed tincidunt. Quisque eu nisl. Phasellus mi ante, aliquet vel, vestibulum sit amet, consectetuer non, ante. Suspendisse consequat condimentum enim. Morbi vestibulum lorem sit amet enim. Nulla venenatis fermentum purus.

Nunc justo nisl, vulputate in, sagittis in, pretium sodales, magna. Nullam felis diam, bibendum ut, dictum in, tincidunt vitae, magna. Nunc mattis congue leo. Ut diam nibh, mollis at, luctus eget, rhoncus id, elit. Suspendisse potenti. Quisque eget justo rutrum erat placerat pellentesque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Nunc justo nisl, vulputate in, sagittis in, pretium sodales, magna. Nullam felis diam, bibendum ut, dictum in, tincidunt vitae, magna. Nunc mattis congue leo.