title: How can <H2> size be larger than the text, with no size set?
body: <p>I'm trying to create a border around an <code>&lt;H2&gt;</code> and the border is always rendered much larger than the <code>&lt;h2&gt;</code> text. No size is set anywhere.   The H2 contains one sentence of text with a 25px font size, and let Chrome Developer Tools -> Metrics reports that the size of the H2 is 980x183, and I can visibly see that this <strong>extends beyond the text to the right, all the way up past the text to the top of the screen, and far, far to the left of the text.</strong>  </p>
  
  <p>So, with no size being set, how can the area of the H2 element be so much larger than the text?  I might need to provide a lot more context for anyone to answer this, but it seems almost like the question should be able to stand alone.</p>
  
  <p>The <code>&lt;div&gt;</code> containing the H2 is 0px x 0px, which also blows my mind a bit, but I've googled around quite a bit and don't feel that is likely to be related. </p>