Влияют ли `padding-left`/`padding-right` или `margin-left`/`margin-right` на inline-элемент?

Question

Accepted Answer

## Горизонтальные отступы у inline

Да — **горизонтальные** padding и margin на inline-элементах работают и сдвигают соседний текст в строке.

```css
span {
  padding-left: 8px;
  padding-right: 8px;
  margin-left: 4px;
  margin-right: 4px;
  background: #eee; /* padding будет виден по фону */
}
```

## Нюансы

- Vertical padding у inline тоже «рисуется», но не увеличивает line box так, как у block (может наезжать на соседние строки).
- Для предсказуемой коробки чаще `inline-block`.

## Итог

Горизонтальные margin/padding у inline — да; вертикальная геометрия строки — отдельная история.