title: How to Remove Text Spacing?
body: <p>I'm new to HTML/CSS so please forgive this simple question.</p>
  <p>I need to create some large text for a heading on my web page. This is what I have done..</p>
  <pre><code>HTML
  &lt;h2&gt;TEST HEADER&lt;/h2&gt;
  
  CSS
  h2 {
      font-size: 80px;
      font-family: Arial, Helvetica, sans-serif;
      background-color: rgb(100, 100, 100);
  }
  </code></pre>
  <p>When I look at the the browser there is empty space between the text and the top and bottom of the h2 container. I have not added any padding or even a margin.</p>
  <p>The smaller the font size, the smaller the empty space. The bigger the font size, the bigger the empty space.</p>
  <p>Why is this space there and how can I remove it please?</p>
  <p>Thank you for your help.</p>