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

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

button {
  display: block; /* делаем кнопку блочным элементом */
  margin: 0 auto; /* устанавливаем автоматические отступы сверху и снизу, а по горизонтали - автоматический отступ слева и справа */
}

Также можно использовать flexbox:

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

button {
  /* стили для кнопки */
}

В этом случае кнопку нужно поместить в контейнер с классом .container.

реклама

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

реклама

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

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

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

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

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

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