title: How to remove top margin from first <p> paragraph after <h2> and top margin from <h2> when it comes after <p>?
body: <p>How to top margin from first <code>&lt;p&gt;</code> paragraph after <code>&lt;h2&gt;</code>? and if any <code>h2</code> comes after <code>p</code> then either <code>p</code> should not have bottom margin or <code>h2</code> should not have top margin</p>
  
  <p>I have </p>
  
  <pre><code>h2
  p
  
  h2
  p
  </code></pre>