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>

この Fiddleを参照してください。

Answer 1

クラスに追加!importantして、セレクターを強制的に機能させます。あれは、

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

この Fiddleを参照してください。

スタック オーバーフローの質問を参照してください<p> と <div> の違いは何ですか? と の違いを表示しpますdiv。