本サイトはプロモーションが含まれています。

サイト全体 を 中央に寄せる 方法

2023年9月27日

サイト全体 を 中央に寄せる には サイト全体を覆ったdivに

#id名{
 margin 0 auto;
 text-align:left; /*テキストを左に寄せます。*/
}

と指定します。

auto

余白を自動で調整してくれるプロパティ(設定)

text-alignプロパティ

文字を左や右に寄せたりする時に使います。

margin の上下左右の指定の順番

4つ指定の場合

上 右 下 左 の順番

#id名{
 margin 0 auto 0 auto;
}
上 右 下 左 の順番

2つ指定の場合

上下 左右 の順番

#id名{
 margin 0 auto;
}
上下 左右 の順番

サイト全体 が 中央寄せ になりました。

https://jikuu.xyz

【動画解説183分】初心者のためのホームページ作成完全マニュアル入門書

CSS の編集に Visual Studio Code 使っています。