Що робить margin?

margin, це зовнішній відступ навколо елемента. Він створює простір зовні блока, відокремлюючи його від сусідніх елементів.

Структура:

Характерні особливості:

• не впливає на внутрішній розмір елемента
• не зафарбовується фоном (фон не поширюється на margin)
• може схлопуватися по вертикалі з margin сусідніх блоків (margin collapsing)
• служить виключно для зовнішньої відстані між елементами

Приклад:

У цьому випадку блок матиме по 20px зовнішнього відступу з усіх боків.