Какие бывают значения свойства Display

display определяет тип отображения элемента. Основные значения:

• block – занимает всю ширину, начинается с новой строки (div, p, h1-h6).
• inline – занимает только необходимую ширину, не переносится (span, a, strong).
• inline-block – как inline, но можно задавать ширину/высоту (button, input).
• flex – гибкий контейнер для выравнивания и распределения элементов.
• grid – сеточный контейнер для двумерного макета.
• none – элемент не отображается и не занимает место.

Пример:

.block { display: block; }
.inline { display: inline; width: 100px; } /* width не сработает */
.inline-block { display: inline-block; width: 100px; } /* сработает */