В чем разница между блочными и строчными элементами в веб-дизайне?

Разница между блочными и строчными элементами в веб-дизайне заключается в том, как они отображаются на странице: tenchat.ru

• Блочные элементы занимают всю доступную ширину и начинаются с новой строки. tenchat.ru Они создают «блок» на странице, который может содержать текст, изображения или другие блоки. sky.pro Обычно блочные элементы используются, чтобы разделить содержимое веб-страницы на логические блоки (например: верхний колонтитул (шапка сайта), меню, блок с контентом, нижний колонтитул и др.). puzzleweb.ru
• Строчные элементы занимают только необходимую ширину и не начинаются с новой строки. tenchat.ru Они используются для разметки частей содержимого элементов. puzzleweb.ru Ширина строчного элемента равна объёму содержимого. puzzleweb.ru В отличии от блочных элементов, браузер не добавляет разрыв строки до и после строчного элемента, поэтому, если несколько строчных элементов идут подряд друг за другом, они располагаются на одной строке и переносятся на другую строку при необходимости. puzzleweb.ru

Кроме того, блочные элементы могут содержать в себе другие блочные и строчные элементы, а строчные элементы могут содержать только другие строчные элементы. tenchat.ru