title: p tag not containing ul tag
body: <p>I was just working on creating a simple address container and what I had in my HTML was just the following simple markup:</p>
  
  <pre><code>&lt;p class="address"&gt;
      &lt;ul&gt;
          &lt;li&gt;hello&lt;/li&gt;
          &lt;li&gt;hello&lt;/li&gt;
          &lt;li&gt;hello&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>and the following CSS: </p>
  
  <pre><code>.address {
      -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.5);
      box-shadow: 1px 1px 1px rgba(0,0,0,.5);
  }
  </code></pre>
  
  <p>Now somehow the <code>&lt;p&gt;</code> element does not contain the <code>ul</code> and neither is the box-shadow applied to the <code>p</code> tag , but when I replace the <code>p</code> tag with a <code>div</code> tag, everything works find. The div contains the <code>ul</code> (as can be seen in the inspect elements) and also the div has a box-shadow. I have checked this in both FF and Chrome and have no idea of why is this glitch occurring.</p>