CSSのマージン指定方式
マージン（全方向）
マージンは、要素の外側に余白を追加するプロパティです。例: margin: 20px;
この要素には全方向に20pxのマージンが設定されています。
マージン（上方向のみ）
例: margin-top: 20px;
この要素には上方向に20pxのマージンが設定されています。
マージン（右方向のみ）
例: margin-right: 20px;
この要素には右方向に20pxのマージンが設定されています。
マージン（下方向のみ）
例: margin-bottom: 20px;
この要素には下方向に20pxのマージンが設定されています。
マージン（左方向のみ）
例: margin-left: 20px;
この要素には左方向に20pxのマージンが設定されています。
マージンの短縮プロパティ
短縮プロパティを使用して、4つの値を指定できます。例: margin: 10px 20px 30px 40px;（上 右 下 左）
この要素には各方向に異なるマージンが設定されています。
マージンの自動設定（中央揃え）
中央揃えには、margin: 0 auto; を使用します。幅も指定する必要があります。
この要素は中央に揃えられています。