Styling the Head

by drublic

HTML

I'm the body

CSS

head, script {
    display: block;
    background: pink;
    padding-top: 10px;
}
script {
    height: 10px;
    border-bottom: 1px solid #ddd;
    background: #bada55;
}

body {
    background: lightblue;   
}

JavaScript

// Just discovered by accident that you can style the <head>
// UA style is set to display:none; but you can just overwrite it.
// not sure what to use it for, but one day it might be handy.