В чем разница между блочным и строчным выравниванием в HTML?

Разница между блочным и строчным выравниванием в HTML заключается в поведении элементов на странице. slavaver.github.io www.8host.com

Блочные элементы (display: block) по умолчанию начинаются с новой строки и занимают всю доступную ширину страницы. younglinux.info slavaver.github.io До и после такого элемента есть принудительный перенос строки, на одной строке с ним не может находиться никакой другой элемент. htmlacademy.ru Примеры блочных элементов: абзацы, заголовки, пункты списков. younglinux.info

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

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