html - p tag not containing ul tag -


i working on creating simple address container , had in html following simple markup:

<p class="address">     <ul>         <li>hello</li>         <li>hello</li>         <li>hello</li>     </ul> </p> 

and following css:

.address {     -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.5);     box-shadow: 1px 1px 1px rgba(0,0,0,.5); } 

now somehow <p> element not contain ul , neither box-shadow applied p tag , when replace p tag div tag, works find. div contains ul (as can seen in inspect elements) , div has box-shadow. have checked in both ff , chrome , have no idea of why glitch occurring.

please see answer similar question: list of html5 elements can nested inside p element?

only phrasing content can in between <p> tag , described follows:

phrasing content text of document, elements mark text @ intra-paragraph level. runs of phrasing content form paragraphs.


Comments

Popular posts from this blog

apache - PHP Soap issue while content length is larger -

asynchronous - Python asyncio task got bad yield -

javascript - Complete OpenIDConnect auth when requesting via Ajax -