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

Question

HTML

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

CSS

.contents p{text-align: justify;}
.alignCenter{text-align: center;}

当我从<p>更改为<div>时，它可以正常工作，但为什么不将<p>元素置于图像居中位置？

请参阅 this Fiddle 。

Answer 1

<p>确实是块级别。您的问题是CSS。 <p>标记周围的<img>位于<div id='content'>内。基于身份的CSS优于基于类的CSS，所有其他条件都相同。

Answer 2

将!important添加到您的班级，以强制您的选择器工作。也就是说，

.alignCenter{text-align: center !important;}

请参阅 this Fiddle 。

请参阅Stack Overflow问题 What is the difference between <p> and <div>? ，查看p和div之间的区别。