Блочная модель отображения элементов на странице предполагает, что блочные элементы занимают всю доступную ширину и начинаются с новой строки. 4 При этом высота блочного элемента вычисляется браузером автоматически, исходя из объёма его содержимого. 3

Строчная модель предполагает, что строчные элементы занимают только необходимую ширину и не начинаются с новой строки. 4 Если несколько строчных элементов идут подряд друг за другом, они располагаются на одной строке и переносятся на другую строку при необходимости. 3

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

Таким образом, основное различие между блочной и строчной моделями заключается в том, как элементы отображаются на странице: блочные элементы занимают всю доступную ширину и начинаются с новой строки, а строчные элементы занимают только необходимую ширину и не начинаются с новой строки. 4