Как разместить по середине CSS

Для размещения элемента по середине страницы в CSS можно использовать следующий код:

.element {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Этот код устанавливает позиционирование элемента как абсолютное, затем устанавливает его верхнюю и левую позиции в 50% от родительского элемента. Затем используется свойство transform с функцией translate, чтобы сдвинуть элемент на половину его собственной ширины и высоты влево и вверх соответственно. Это позволяет разместить элемент по центру страницы независимо от его размера.