Кожен HTML-елемент — прямокутна коробка. Тип відображення визначається властивістю display.
Основні значення display:
• block — займає всю ширину, починається з нового рядка: div, p, h1-h6, ul
• inline — займає тільки потрібну ширину, не перериває рядок: span, a, strong
• inline-block — як inline, але можна задати width/height: img, button
• none — елемент прихований і не займає місця
• flex — флекс-контейнер (наступний модуль)
• grid — грід-контейнер
Приклад:
1span { display: block; } /* тепер span поводиться як блок */
2div { display: inline; } /* div поводиться як рядковий */