html - Text-alignがimgタグで機能していません

Question

私のフィドルを見てください：http：//jsfiddle.net/jVsQY/

ご覧のとおり、私はtext-align: center画像タグでクラスを使用していますが、結果は表示されません。

私はなどを使ってみdisplay: inline-blockましたが、役に立ちませんでした。

Answer 1

画像を中央揃えにするには、次のようにする必要があります。

<div style="text-align:center;"><img src="image.jpg" /></div>

またはこのように：

<img src="image.jpg" style="display:block; margin:auto; "/>

Answer 2

このCSSを使用すると、画像が中央に配置されます

.center {   display: block; 
    margin-left: auto; 
    margin-right: auto;}