title: Two p tag in same line
body: <p>I have two <code>p</code> tags</p>
  
  <pre><code>&lt;p style="margin: 0; display: inline;"&gt;content1&lt;/p&gt;
  &lt;p style="margin: 0; display: inline;" align="right"&gt;content2&lt;/p&gt;
  </code></pre>
  
  <p>The Output is <code>content1content2</code>. My expectation is like this:</p>
  
  <pre><code>content1                                                                content2 
  </code></pre>
  
  <p>Can anyone help. I want one "content1" in the left <code>p</code> and "content2" in the right 'p'.</p>