title: React dangerouslySetInnerHTML Only working correctly when it is used on a div tag
body: <p>I've looked around and can't find any info on this.  My issue is this.  when i have react code like this:</p>
  
  <pre><code>&lt;p ref="description" className="description" dangerouslySetInnerHTML={{__html: this.props.description}}&gt;&lt;/p&gt;
  </code></pre>
  
  <p>and   </p>
  
  <pre><code>this.props.description = "&lt;p&gt;this is a test&lt;/p&gt;";
  </code></pre>
  
  <p>the html added via dangerouslySetInnerHTML is added under neither the description like this:</p>
  
  <pre><code>&lt;p class="description" data-reactid=".0.0.2.2" style="height: 120.639999389649px;"&gt;&lt;/p&gt;
  &lt;p&gt;this is a test&lt;/p&gt;
  </code></pre>
  
  <p>this seems to only happen when the string passed to dangerouslySetInnerHTML contains a block level element.  if the passed string is:</p>
  
  <pre><code>this.props.description = "&lt;span&gt;this is a test&lt;/span&gt;";
  </code></pre>
  
  <p>it works correctly and outputs this:  </p>
  
  <pre><code>&lt;p class="description" data-reactid=".0.0.2.2" style="height: 120.639999389649px;"&gt;
      &lt;span&gt;this is a test&lt;/span&gt;
  &lt;/p&gt;    
  </code></pre>
  
  <p>if i change the code from so i use a div tag instead of a p tag like this:</p>
  
  <pre><code>&lt;div ref="description" className="description" dangerouslySetInnerHTML={{__html: this.props.description}}&gt;&lt;/div&gt;
  </code></pre>
  
  <p>then dangerouslySetInnerHTML works correctly with block level elements and outputs this:</p>
  
  <pre><code>&lt;div class="description" data-reactid=".0.0.2.2" style="height: 120.639999389649px;"&gt;
      &lt;p&gt;this is a test&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>