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