HTML5 vs HTML4 - h1 tag rendered with extra space - how to remove?

Question

I took a page whose DTD was HTML4 Transitional and changed the doctype to and extra space appeared between the h1 and div beneath it. I

Answer 1

just give the line-height:12px; or what you want.
TAKE A LOOK: JSFIDDLE. modification of your code.