画像を中央寄せにする方法

|

画像をコンテンツの中央に配置したい場合は、marinを使います。ポイントは、画像を表示するimgタグはインライン要素ですがそれではmarinが有効にならないので、ブロック要素にすることです。

(X)HTMLコード

<img src="image.gif" alt="" class="center" />

CSSコード

.center {
   display:block;
   margin:0 auto;
}

CSSの小技に関する記事(53)

参考サイト

お勧めCSS教本

Powered by Movable Type 4.21-ja

最近のブログ記事