html - 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>在使图像居中时元素不可以呢？

看到这个小提琴。

Answer 1

<p>确实是块级。你的问题是你的CSS。标签周围的<p>s 在. 在所有其他条件相同的情况下，基于 id 的 CSS 优于基于类的 CSS。<img><div id='content'>

Answer 2

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

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

看到这个小提琴。

请参阅 Stack Overflow 问题<p> 和 <div> 有什么区别？p查看和之间的区别div。