Какие знаешь свойства display в CSS

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

1. block – элемент занимает всю ширину, начинается с новой строки (div, p, h1)
2. inline – элемент занимает только необходимую ширину (span, a, strong)
3. inline-block – inline, но можно задавать ширину/высоту
4. flex – гибкое блочное контейнерное расположение
5. grid – сеточное расположение элементов
6. none – элемент не отображается
7. table, table-row, table-cell – табличное представление

Пример:

.block {
  display: block; /* Блочный элемент */
}
.inline {
  display: inline; /* Строчный элемент */
}
.flex-container {
  display: flex; /* Флекс-контейнер */
}