余白設定はブロック全体と要素やコンテンツなどの項目ごとに設定をすることができます。 余白の種類は「マージン」と「パディング」それぞれに対し上下左右に設定をすることができます。
マージンはブロックとブロックの間や要素と要素の間の距離を調整したい場合に使用します。
【ブロックに対してマージン設定をした場合】
【要素に対してマージン設定をした場合】
パディングはブロックや要素の内部に余白を作りたい場合に使用します。
【ブロックに対してパディング設定をした場合】
【要素に対してパディング設定をした場合】