P元素不能作为'div'元素?

lux*_*uxi -5 html css

HTML

<div class="contents">
    <p class="alignCenter"><!-- do not align to center-->
        <img src="http://i50.tinypic.com/1zey0j8.gif" />
    </p>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.contents p{text-align: justify;}
.alignCenter{text-align: center;}
Run Code Online (Sandbox Code Playgroud)

当我从改变<p><div>它的作品,因为它应该,但为什么不<p>元素为中心的图像时?

看到这个小提琴.

dna*_*irl 5

<p>确实是块级别.你的问题是你的CSS.在<p>围绕你的S <img>标签内<div id='content'>.基于id的CSS优于基于类的CSS,所有其他条件都相同.

  • @ user2253835,请看一下[关于CSS特异性的链接](http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/) (2认同)