Как выровнять кнопку по центру css

Для выравнивания кнопки по центру по горизонтали и вертикали можно использовать комбинацию свойств «display: flex;», «justify-content: center;» и «align-items: center;». Также можно использовать свойства «text-align: center;» для выравнивания по горизонтали и «line-height: …» для выравнивания по вертикали.

Примеры:

.button-class {
  display: flex;
  justify-content: center;
  align-items: center;
}
.button-class {
  text-align: center;
  line-height: 2;
}

В обоих примерах используется класс «button-class», который нужно добавить к HTML-элементу кнопки, например:

<button class="button-class">Название кнопки</button>

Это выровняет кнопку по центру по горизонтали и вертикали.

реклама

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

реклама

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

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

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

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

Закажите услугу Как выровнять кнопку по центру css

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