Влияют ли `padding-top` и `padding-bottom` на inline-элемент?

Question

Accepted Answer

## Вертикальный padding у inline

Padding сверху/снизу у non-replaced **inline** применяется к отрисовке (фон/клик-область), но **не увеличивает высоту line box** так, как у блочного элемента — контент соседних строк может пересекаться визуально.

```css
span {
  padding-top: 20px;
  padding-bottom: 20px;
  background: gold;
}
```

Фон «вылезет» за строку, но baseline/line-height соседей сами по себе от этого не станут выше, как у `display: block`.

## Практика

Нужны вертикальные отступы в потоке — `inline-block`, `inline-flex` или block-level элемент.

## Итог

Vertical padding на inline есть у box’а, но на высоту строки влияет иначе, чем у block.