В чём разница между block-level и inline элементами?

Question

Accepted Answer

## Главная мысль
По умолчанию блочные занимают ширину контейнера и идут с новой строки; строчные текут внутри строки текста.

## Примеры

- Block: `div`, `p`, `section`, `ul`, `h1`…
- Inline: `span`, `a`, `strong`, `em`…
- Inline-block / flex/grid-items — уже про CSS `display`

```css
span { display: block; } /* изменит поведение */
```

В HTML5 категории контента сложнее (flow, phrasing, …), но на junior/middle всё ещё ждут модель block vs inline и понимание, что финально решает CSS.

## Итог
Default display задаёт «характер» элемента; CSS может его переопределить.