Как расположить объект по центру CSS

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

.container {
  width: 300px;
  height: 200px;
  background-color: #ccc;
  margin: auto;
}

Этот код расположит блок с классом .container по центру страницы по горизонтали и вертикали. Важно, чтобы у родительского элемента было задано свойство width или max-width, иначе блок будет занимать всю ширину страницы.