title: Margin-bottom of h1 not working
body: <p>The <code>margin-bottom</code> style is not working for <code>&lt;h1&gt;</code> tag as seen in the following image. The margin between heading and anchor tag buttons is not the same as specified for <code>&lt;h1&gt;</code>. What is the reason for the same?</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;div&gt;
    &lt;p&gt;Hellos!&lt;/p&gt;
    &lt;h1&gt;I'm Evans Gene&lt;br&gt;What's Up!&lt;/h1&gt;
    &lt;a href="../file1" type="application/pdf" role="button" class="pBtn"&gt;About me&lt;/a&gt;
    &lt;a href="../file2" type="application/pdf" role="button" class="pBtn"&gt;See Profile&lt;/a&gt;
  &lt;/div&gt;
  
  
  .pBtn {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 400;
    margin: 20px 10px 0px 0px !important;
    padding: 10px;
    text-decoration: none;
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/8RtgL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8RtgL.png" alt="See the overlapping buttons with heading&#39;s margin bottom"></a></p>