Блочные элементы в контексте HTML-разметки предназначены для создания сетки страницы и разметки крупных блоков текста (заголовки, абзацы, списки). 1 При отображении браузер автоматически добавляет разрыв строки до и после блочного элемента, при этом он занимает всю доступную ширину. 2 Высота блочного элемента вычисляется браузером автоматически, исходя из объёма его содержимого. 2
Строчные элементы предназначены для оформления отдельной части какого-либо текста или другого содержимого блочного элемента, например, нескольких слов в предложении. 1 Строчные элементы располагаются друг за другом в одной строке, при необходимости строка переносится. 1 Ширина строчного элемента равна объёму содержимого. 2 В отличие от блочных элементов, браузер не добавляет разрыв строки до и после строчного элемента, поэтому, если несколько строчных элементов идут подряд друг за другом, они располагаются на одной строке и переносятся на другую строку при необходимости. 2