【CSSの基本】CSSで画像を中央に配置する方法

CSSで画像を中央に配置する

CSSで画像を中央に配置するには任意の要素に以下のプロパティを設定します。

CSSコード

img {
    display: block;
    margin: 0 auto;
}

＜表示結果＞

画像が中央に配置されました。

備考・その他

text-align に center を指定しても画像を中央に配置することはできませんので注意してください。

END