Что произойдет, если изменить свойство display на block для элемента <span>?

По умолчанию <span> — строчный элемент (display: inline). Если изменить его на display: block:

• Ширина: Растягивается на всю доступную ширину родителя (как <div>).

• Поток: Начинается с новой строки, даже если внутри текста.

• Размеры: Можно задавать width/height, margin/padding (которые для inline работают иначе).

Пример:

<span style="display: block; background: lightblue; width: 200px;">
	Это теперь блочный элемент.
</span>

Такой <span> поведет себя как <div>. Это полезно, если нужно изменить поток документа без замены тега в HTML.

Однако для семантической верстки лучше использовать <div>, если нужен блок.