画像を中央寄せにする

画像を中央寄せにする

シンプルな方法ですが、ど忘れしてしまい調べ直したのでメモしておきます。

画像のみを中央に配置したいときは以下のように記述します。
テキストを回り込ませたいときはfloat属性を使う必要があります。

画像をブロック要素にしてmarginを指定します。

<!-- html -->
<img src="画像url.jpg" alt="画像" />
/* -- css -- */
img {
display: block;
margin: 0 auto;
}

参考サイト

画像を簡単に中央寄せする | tyto-style

下のボタンを押すと拍手送信&メッセージフォームが開きます。→WEB拍手お返事