Разберёмся
- Block (
div, p, section): с новой строки, тянется на ширину родителя.
- Inline (
span, a, strong): в потоке текста, ширина по содержимому.
<div>Блок</div><div>Ниже</div>
<p>Текст <a href="/">ссылка</a> дальше.</p>
display в CSS может всё переопределить (flex, inline-block…).
Итог: block — «коробка-абзац», inline — «кусок строки»; CSS может сменить поведение.