Доверьте продвижение нам

Попробуйте надежный хостинг для вашего сайта

Мы рекомендуем своим клиентам! Получите надежность и полное управление вашим сайтом.

Комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

от 1 499 098 

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

Views Icon39

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

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

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

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

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

HTML-код для примера:

<div class="container">
 button>Кнопка</button>
</div>
Поделиться:

Задать вопрос

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.

Оставить заявку

Оставляя заявку, вы соглашаетесь с политикой обработки персональных данных.