title: Text inside <p> after line break <br> ignores css for <p> tag if heading is also present
body: <p>My goal is to have headings be inline with the text inside of a <code>&lt;p&gt;</code> tag... all of which have a <code>margin</code> to the padding of the container</p>
  
  <p>I have the following html code</p>
  
  <pre><code>&lt;div id='homeContent'&gt;
    &lt;!-- other headings and content here --&gt;
  
    &lt;p&gt;&lt;h3&gt;Heading&lt;/h3&gt; some text&lt;/br&gt; more text&lt;/p&gt;
  
    &lt;!-- other headings and content here --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>with the following CSS</p>
  
  <pre><code>#homeContent h3, #homeContent h4, #homeContent p {
    z-index: 0;
    margin: 0px 16px;
    padding-top: 8px;
  }
  
  #homeContent h3, #homeContent h4 {
    display: inline;
  }
  #homeContent {
    padding: 0px 16px;
    margin: 32px 0px;
  }
  </code></pre>
  
  <p>Here is what I want to happen (considering the code block to be the container border)</p>
  
  <pre><code>      H3 HEADING some text
        more text here
  </code></pre>
  
  <p>Here is what I'm actually getting</p>
  
  <pre><code>      H3 HEADING some text
    more text here &lt;-- notice here the text does not respect the margin given to the &lt;p&gt; tag
  </code></pre>
  
  <p>Now if I take the heading tag out of the paragraph tag, the paragraph text behaves correctly, but obviously does not appear inline with the heading, which is the goal.</p>