title: How can you reset CSS headings to the default sizes?
body: <p>How can I reset the sizes of headings to the default sizes? Here's some HTML that I have:</p>
  
  <pre><code>&lt;h2&gt;Hello World&lt;/h2&gt;
  </code></pre>
  
  <p>Here's the CSS for it:</p>
  
  <pre><code>h2 {
      font-size: 16px;
      margin: 1em 0 0.5em;
  }
  
  /*I'd like to reset that height of 16px and use the default browser height */
  h2 {
      font-size: 100%;
  }
  </code></pre>
  
  <p>I need to override the old <code>h2</code> selector and reset the headings to the default size? I've Googled this and it said that the heading sizes were browser dependent and I don't want to hard-code the heading sizes.</p>
  
  <p>This is a really basic question I know but somehow I can't wrap my head around what value I need to use to reset the height.</p>