Чем margin отличается от padding?

padding — отступ ВНУТРИ элемента, между его рамкой и содержимым (раздвигает контент изнутри, фон закрашивается). margin — отступ СНАРУЖИ, между элементом и соседями (всегда прозрачный).

Правило большого пальца: расстояние между блоками — margin; «воздух» внутри блока вокруг текста/иконки — padding. Ещё одно отличие: вертикальные margin'ы соседей могут схлопываться (margin collapse), padding — никогда.

padding — внутри (между рамкой и контентом), margin — снаружи (между элементами).

Margin наружу, padding внутрь.

Это одно и то же, просто разные названия.