画像の左右にマージンがautoにならない

Question

 <div class="a">
    <img src="a.jpg">
    </div>

.a {
    margin:0 auto;
}

.a img {
    width:1100px;
    text-align:center;
 
}

上記で、画像が中央にきません。どうすれば、よろしいでしょうか。

Answer 1

text-align:center;を.aに対してつけると解消しませんか。

Comments

[mai1210]

ちなみにtext-align: center; で「中に入ってるインライン要素を中央揃え」しているので、「絶対にマージンで調整したい」というのであれば、imgをブロック要素にする→margin: 0 auto;かける 等してください。　

インライン要素とブロック要素がごっちゃになっているようであれば、一旦そこを解消しましょう。
https://saruwakakun.com/html-css/basic/display