コーディングを始めた頃は、画像を中央寄せにするには、何かで囲み、囲む要素に「text-align:center;」を設定しなければならず、ブロック要素が増えて嫌だな〜と思っていました。
途中で、囲んで「text-align:center;」にしなくても、imgタグのみで中央寄せにすることが分かり、目から鱗状態でした。
ちょっと昔を思い出す機会があったので、記念にメモしておきます。
画像(img)を囲まずに中央寄せにする設定
img { display:block; margin:0 auto 10px; }
ポイントは、display:blockを入れることです。
これでmarginの左右をautoにしたら、中央に寄ります。
コメント