Чем отличаются inline и блочные стили в CSS для создания меню?

Inline и блочные стили в CSS для создания меню отличаются поведением элементов. sky.pro

Блочные элементы по умолчанию занимают всю ширину блока-контейнера, в которую они помещены. itchief.ru Они начинаются с новой строки и создают чёткую структуру. sky.pro Ширину и высоту блочных элементов можно регулировать с помощью CSS. blog.hubspot.com itchief.ru

Строчные элементы располагаются внутри блочных и занимают только ту ширину, которая необходима для отображения содержимого. sky.pro Они позволяют элементам находиться в одной строке. sky.pro Строчным элементам нельзя установить размеры (width и height), задать верхние и нижние отступы. itchief.ru

Для создания горизонтального меню, например навигационной панели, список нужно преобразовать в строчный элемент, чтобы каждый пункт не начинался с новой строки. blog.hubspot.com