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

Question

Accepted Answer

## Кратко Разница — в **поведении в потоке** (default `display`), а не в «важности» тега. ## Поведение - **Block** (`div`, `p`, `section`…): растягиваются на ширину контейнера, начинаются с новой строки, принимают width/height/margin по вертикали. - **Inline** (`span`, `a`, `strong`…): текут в строке, width/height обычно не задают как у блока, вертикальные margin «не так», переносятся по тексту. ```html

Блок с инлайном внутри

``` В HTML5 категория «block/inline» формально сложнее (content models), но на собеседовании ждут CSS-поток + примеры. Есть ещё `inline-block`, flex-элементы и т.д. ## Итог Block строит «коробки» абзацами; inline — куски текста в строке. Точнее говорить о `display` и категориях контента.