ブロック要素のセンタリング

ブロック要素のセンタリングは下記のようにmarginの左右を「auto」設定にすることでセンター位置におくことが可能です。

———————-
/* center */
#center {
margin:0 auto 0 auto;
}
———————-

▼下記サイト様の説明が丁寧でわかりやすいです。

 画像や表などを記事の真ん中に配置する(センタリングする)とき、以前では、<center>や<div align=”center”>を使用するのが当たり前でした。これらの方法は簡単で便利だったのですが、HTML4.01では非推奨、XHTMLでは使用できません。『センタリングはCSSでする』というのが正しい方法になっているようです。

ブロックレベル要素のセンタリング(CSS編集) yozoの気が向いたと記2.0

スポンサーリンク

お役に立てたようならシェアしていただければ幸いです。

フォローはこちらからお願いします。

スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。