インライン要素は左右だけ margin、padding を指定できる。
spanなどのインライン要素にはdisplay:inline-block;を追加する。外側に余白を作る margin: px;
block要素を水平中央にする。上下にはきかない。幅(width)を指定必須
(左右のmarginの値をautoすることで、右側と左側のmarginが等しくなり、top:数値など; right:数値など; bottom:数値など; left:数値など;でそれぞれ指定する
margin-top: | px、またはパーセント等; | 上の余白を指定 |
margin-right: | px、またはパーセント等; | 右の余白を指定 |
margin-bottom: | px、またはパーセント等; | 下の余白を指定 |
margin-left: | px、またはパーセント等; | 左の余白を指定 |
margin: -px
内側に余白を作るのが padding: px。
値を1つ指定した場合、指定した値が上下左右の余白になります。
内側の余白をつくる。基本的な設定はmarginと同じ
{ padding: 数値px 数値px 数値px 数値px; }
上下左右のパッディング(余白)を個別に指定top: right: bottom: left:でそれぞれ指定する
padding-top: | px、またはパーセント等 | 上の余白を指定 |
padding-right: | px、またはパーセント等 | 右の余白を指定 |
padding-bottom: | px、またはパーセント等 | 下の余白を指定 |
padding-left: | px、またはパーセント等 | 左の余白を指定 |
文章の1行目の空白。 {text-indent:px;}をつかう。単位はpxまたはem
外部リンク参考サイトさん padding設定