В чём разница между margin и padding?

Question

Accepted Answer

## Простая формулировка
**Padding** — внутренний отступ между границей бокса и содержимым. **Margin** — внешний отступ до соседних элементов.

## Детали

```css
.card {
  padding: 16px;   /* внутри фона/бордера */
  margin: 0 0 24px; /* снаружи */
}
```

Margin может **схлопываться** (margin collapse) у соседних блоков по вертикали. Padding — нет. На фон влияет padding (фон заходит под padding), margin — прозрачен для фона элемента.

## Итог
Padding — «воздух внутри»; margin — «воздух снаружи» и расстояние между блоками.