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

Блочные элементы (display: block) по умолчанию начинаются с новой строки и занимают всю доступную ширину страницы. 12 До и после такого элемента есть принудительный перенос строки, на одной строке с ним не может находиться никакой другой элемент. 3 Примеры блочных элементов: абзацы, заголовки, пункты списков. 1

Строчные элементы (display: inline) не создают разрывов строк перед элементами и после них, а отображаются в одной строке с содержимым. 5 Несколько строчных элементов стремятся уместиться на одной строке, насколько хватает ширины родителя. 2 Если ширины родителя не хватает, то лишний текст строчного элемента переносится на следующую строку. 2 Примеры строчных элементов: em, strong, img. 1

Поменять поведение элементов можно с помощью CSS-свойства display. 2