マージンはウェブページ上のボックスの外側にある空間で、近くのボックスとの間隔を作ります。家具を二つ置くときの隙間のようなもので、どちらの家具にも属さず、互いに詰まりすぎるのを防ぎます。

たとえば、見出しの下にマージンを設けると、次の段落が文字に接しません。マージンを変えると、隣のコンテンツとの距離が広がったり狭まったりします。

マージンはパディングとは異なります。パディングはボックスの内側で、コンテンツの周りにある余白です。この違いを理解すると、内側の余白を変えずに要素を動かせます。