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

上下左右のパディング（余白）を 2.0em, 2em, 120% などのように指定します。padding: の引数は 1～4個指定が可能で、それぞれ、次のように解釈されます。上右下左の順番は、12時の方向から時計順と覚えましょう。

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

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

上下左右のパディングをそれぞれ個別に指定します。

padding-right: 2em;
padding-left: 2em;