Для чего нужен Display

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

• block – элемент занимает всю ширину, начинается с новой строки (div, p)
• inline – элемент встраивается в строку, не создаёт переносов (span, a)
• inline-block – как inline, но можно задавать ширину/высоту
• flex – гибкое блочное расположение (flexbox)
• grid – сеточное расположение (CSS Grid)
• none – полностью скрывает элемент

Пример:

.button {
  display: inline-block;
  width: 120px;
  height: 40px;
}

display – фундаментальное свойство, влияющее на поток документа и позиционирование элементов.