Блочные и строчные теги в HTML отличаются поведением при отображении: 13

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