В чем отличие блочного элемента от инлайнового элемента?

Блочный занимает всю доступную ширину, создает невидимую новую строку до и после себя, может содержать другие блочные и инлайновые элементы, а также имеет полный контроль над размерами (width, height).

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

Примеры:

Блочные: div, p, h1, section. Инлайновые: span, a, strong, em.