In This Example the header is not the normal size of a header. Please explain.
See the "Normalized CSS" checkbox on the left? It's using a CSS reset.
From the jsFiddle docs:
[...]Next is the Normalized CSS checkbox, selected by default. If selected, the fiddle will be rendered with normalize.css which is removing most of the browser styling of many HTML tags.