Некоторые значения свойства display в CSS и их описание:

• block — элемент отображается как блок и занимает всю доступную ширину, новый блок начинается с новой строки. 4 Пример элемента — div. 4
• inline — элемент отображается как строчный и не создаёт новый блок, занимает столько места, сколько нужно для отображения содержимого. 4 Пример элемента — span. 4
• inline-block — элемент отображается как строчный, но его содержимое может быть отформатировано как блок, может иметь ширину и высоту. 4 Пример элемента — button. 4
• none — элемент не отображается на веб-странице и его содержимое не занимает места. 4 Это может быть полезно для скрытия элементов на странице или для создания анимаций. 4 Пример элемента — script. 4
• list-item — элемент становится пунктом списка и перед ним появляется маркер списка. 1
• flex — элемент становится флекс-контейнером, ведёт себя как блочный, а вложенные элементы становятся флекс-элементами. 3
• grid — элемент становится грид-контейнером, снаружи грид-контейнер ведёт себя как блок, дочерние элементы такого контейнера начинают подчиняться правилам грид-раскладки. 3
• run-in — устанавливает элемент как блочный или встроенный в зависимости от контекста. 1