【html, css】divをページの中央に配置する方法【margineを使う】

スポンサーリンク

こんにちは、山海安吾です。

今回は、プログラミング備忘録として、divタグで囲んだ部分をページの中央に持っていく方法を紹介します。

概要

・対象とするdivのcssに、「margin: 0 auto;」を加える

詳細

divで囲った部分はデフォルトでは、図のように左に寄ってしまいます。

そこで、中央に配置したい場合は、cssに「margin: 0 auto;」を書き加えます。
そうすると、以下のように中央に配置されます。

<コードの比較>
・デフォルト

・中央配置Ver.

コツコツ作り上げていきます。

ではまた。

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする