Как выровнять объект по центру CSS

Для выравнивания объекта по центру в CSS можно использовать свойство margin с значениями auto и 0. Например:

.container {
  width: 500px; /* задаем ширину контейнера */
  margin: 0 auto; /* выравниваем по центру */
}

В этом примере контейнер будет выровнен по центру горизонтально, так как значение auto для левого и правого отступов указывает браузеру на автоматическое распределение свободного пространства между ними. Если нужно выровнять объект по центру вертикально, то можно использовать свойство display: flex и его свойство align-items: center. Например:

.container {
  display: flex; /* задаем контейнеру flex-контейнер */
  align-items: center; /* выравниваем элементы по центру вертикально */
  justify-content: center; /* выравниваем элементы по центру горизонтально */
  height: 100vh; /* задаем высоту контейнера */
}