В чем разница между блочной и строчной моделью в CSS?

Разница между блочной и строчной моделями в CSS заключается в поведении элементов. 2

Блочная модель (display: block) характеризуется следующими особенностями: 5

• Элементы всегда начинаются с новой строки. 5
• Растягиваются на всю ширину родительского контейнера, если не заданы ограничения. 5
• Поддерживают свойства ширины (width), высоты (height), внешних (margin) и внутренних (padding) отступов. 5
• Можно вкладывать другие блочные и строчные элементы. 5

Строчная модель (display: inline) имеет такие особенности: 5

• Не начинают новую строку (располагаются внутри текста). 5
• Ширина и высота зависят от содержимого. 5
• Нельзя задать width и height, но можно управлять margin и padding (только по горизонтали). 5
• Включают в себя только текст и другие строчные элементы. 5

Также существует промежуточный тип — строчно-блочные элементы (inline-block). 5 Они комбинируют свойства обоих типов, позволяя управлять размерами. 5

Определение строчности или блочности элемента связано со спецификой используемого тега. 3 При этом в CSS можно изменить тип объекта на подходящий, превратив блочный элемент в строчный и наоборот, для этого применяется свойство display. 13