Embedded Style Sheets

After the problems we had in class on Tuesday I thought I had better put up some markup that works embedded at the top of a page, rather than as a separate file.

Part of the problem came from an error in the text (a : after the H1) but the rest I haven't figured out. I apologize for the difficulty the misinformation I gave you caused.

In any case, what I have below works and you can copy the whole site if you want by openning and copying the source of this page.

This is what the markup looks like:

H2 { color: red; font-size: 36px; font-family: Arial; margin: 5%; text-align: center }
H6 { font-size: 12px; font-family: Arial; margin: 5%; text-align: center }
P { font-size: 18px; font-family: arial; margin-left: 10%; margin-right: 10%; text-align: justify }

It goes in the HEAD of the document.

See also:
webmonkey/stylesheets
WR Style Sheets Reference Guide
CSS Pointers Group