【CSS】div align=”center”を使わずにmargin autoでセンタリングする方法

divの入れ子でページ内センタリングせずに、左右のmarginをautoにすることで実装することができます。

DIVの入れ子（NG例）

サンプル

DIVでセンタリング

marginを使ったソース

サンプル

MARGINでセンタリング

まとめ

margingのautoを使ってページ内でセンタリングする方法をご紹介しました。

marginとpaddingについては以下の記事も参照してみてください。

【CSS】paddingとmarginの違いまとめ | まとめと比較