ホームページ作成の基礎からご提供するホームページ作成Space

上下左右のマージン（余白）を 20px, 3em、10% などのように指定します。margin: の引数は 1～4個指定が可能で、それぞれ、次のように解釈されます。上右下左の順番は、12時の方向から時計順と覚えましょう。

margin: 1px;             /* 上下左右=1px */
margin: 1px 2px;         /* 上下=1px、左右=2px */
margin: 1px 2px 3px;     /* 上=1px、左右=2px、下=3px */
margin: 1px 2px 3px 4px; /* 上=1px、右=2px、下=3px、左=4px */

マージンはボーダーの外側の余白、後述のパディングはボーダーの内側の余白になります。

上下左右のマージンをそれぞれ個別に指定します。

margin-right: 2em;
margin-left: 2em;