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

Если вы хотите поставить кнопку по центру горизонтально, то можно использовать свойство text-align:

button {
  text-align: center;
}

Если же вы хотите поставить кнопку по центру вертикально, то можно использовать свойство line-height:

button {
  line-height: 50px; /* высота кнопки */
}

Если же вам нужно поставить кнопку по центру и по горизонтали, то можно использовать комбинацию свойств:

button {
  text-align: center;
  line-height: 50px; /* высота кнопки */
}

Также можно использовать свойство margin и задать ему значение auto:

button {
  margin: 0 auto;
}

Это поставит кнопку по центру по горизонтали. Если вам нужно поставить кнопку по центру по вертикали, то можно использовать свойство position и задать значение top и bottom:

button {
  position: absolute;
  top: 50%;
  bottom: 50%;
}

Но в этом случае нужно убедиться, что родительский элемент имеет свойство position: relative.

реклама

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

реклама

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

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

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

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

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

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