title: Should a heading be inside or outside a <p>?
body: <p>I have a div element and within that div, we have text between p elements.</p>
  
  <p>I want to add a heading. Should it go inside or outside the p?</p>
  
  <p>Which is better:</p>
  
  <pre><code>&lt;p&gt;This is text
      &lt;h3&gt;This is my h3&lt;/h3&gt;
      More text
  &lt;/p&gt;
  &lt;p&gt;another text&lt;p&gt;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>&lt;p&gt;This is text&lt;p&gt;
  &lt;h3&gt;This is my h3&lt;/h3&gt;
  &lt;p&gt;another text&lt;p&gt;
  </code></pre>