C блочно-строчными элементами вы уже знакомились в части про блочную модель документа. Напомним, что это элементы, у которых свойство display имеет значение inline-block.

Блочно-строчные элементы ведут себя двояко. Снаружи они выглядят как обычные строчные, но внутри они ведут себя как блочные.

От строчных им достались следующие черты:

• по ширине они ужимаются под своё содержимое;
• могут располагаться в одну строку;
• реагируют на вертикальное выравнивание, vertical-align;
• реагируют на горизонтальное выравнивание, text-align, заданное у родителя.

От блочных:

• им можно задавать размеры с помощью width и height;
• а также внешние и внутренние отступы и рамки, которые работают во всех направлениях и увеличивают размер элемента.