title: How to remove line spacing between HTML heading elements?
body: <p>I have this code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h1&gt; Something &lt;/h1&gt;
  &lt;h3&gt; Somethings &lt;/h3&gt;
  &lt;h3&gt; Some other things &lt;/h3&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I think HTML would automatically add 1 line spacing in between them.
  I would like them to just go without 1 line of spacing, line by line I mean, not line space line space.</p>
  
  <p>How could I do this without using a <code>&lt;br&gt;</code> element which is definitely unworkable in between the <code>&lt;h1&gt;</code> and <code>&lt;h3&gt;</code>, and probably not a structurally good HTML practice maybe too right?</p>
  
  <p>Is using a CSS bottom margin fix this?</p>
  
  <p>I am sorry to ask such an easy question maybe, I am a still bit new to HTML &amp; CSS, but I am still learning. Thx in advance for all the answers</p>