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

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

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

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

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

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

Наш специалист свяжется с вами в ближайшее время и уточнит детали