5 августа буду в отъезде. отвечаю по возможности

Свойство display

Свойство display - задает способ отображения элемента браузером.

Синтаксис

селектор { display: значение; }

Значения

Значение Описание
block Блочный элемент.
inline Строчный элемент.
inline-block Строчно-блочный элемент.
list-item Элемент станет пунктом списка и перед ним появится маркер списка.
flex Устанавливает элемент как блочный, а его потомки станут flex элементами.
inline-flex Устанавливает элемент как строчно-блочный, а его потомки станут flex элементами.
grid Создает элемент-сетку.
none Элемент вообще пропадет и все остальные элементы будут вести себя так, как будто этого элемента нет.
table Элемент будет вести себя как таблица.
table-cell Элемент будет вести себя как ячейка таблицы.
inline-table Элемент будет вести себя как таблица, но при этом таблица является встроенным элементом и происходит ее обтекание другими элементами, например, текстом.
table-caption Элемент будет вести себя как тег caption.
table-column Элемент будет вести себя как колонка таблицы.
table-row Элемент будет вести себя как ряд таблицы.
table-column-group Элемент будет вести себя как тег colgroup.
table-footer-group Элемент будет вести себя как тег tfoot.
table-header-group Элемент будет вести себя как тег thead.
table-row-group Элемент будет вести себя как тег tbody.
run-in Устанавливает элемент как блочный или встроенный в зависимости от контекста.

По умолчанию элементы могут иметь различные значения display.