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

Question

Accepted Answer

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

На обычный **inline** (не `inline-block` / `inline-flex`) вертикальные margin **не влияют** на раскладку строки.

## Почему

Inline box участвует в line box. Горизонтальные margin/padding учитываются; вертикальные margin для non-replaced inline по спецификации не меняют высоту строки так, как у block.

```css
span {
  margin-top: 40px;    /* визуально «не отодвинет» как у div */
  margin-bottom: 40px;
  margin-left: 10px;   /* сработает */
}
```

Для вертикальных отступов: `display: inline-block`, flex/grid item, или обернуть в block.

## Итог

`margin-top`/`margin-bottom` у чистого inline практически бесполезны для вертикального spacing.