If you're in a good browsers, this should not be the second line. In fact, the "revealing your head" header should actually be preceded by something that looks like the following:
html { font-size: .8em; font-family: verdana, arial, helvetica, sans-serif; }
head, style, title { display: block; visibility: visible; }
pre, style {
font-family: "courier new", courier, mono, monospace, fixed;
white-space: pre;
border: 1px solid #ffccff;
padding: .25em;
margin: 1em;
}
h1, title {
font-size: 1.6em;
}
h2 { font-size: 1.4em; }
You'll notice that good browsers actually reveal the header
because I have taken steps to remove the default behavior. That is head, head * { display: none; visibility: hidden; }
and replace them with code that will actually reveal it to the browser.
This actually is probably the proper behavior with respect to CSS because head is just another HTML element. A special html element, but a stylable one, nonetheless.
Ok, enough fun, back to work!