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

Lion Digital Agency

интернет-маркетинг

теги:

Категории

Рубрики

Услуги веб дизайна под ключ.

от 29500 

Услуги SEO копирайтера под ключ. Пишем качественные тексты.

от 950 

Разработка сайтов под ключ. Работаем с такими системами, как Worpress, 1C-Bitrix, Tilda. Закажите разработку в Lion Digital и получите по настоящему продающий сайт.

от 32900 

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

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

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>
Поделиться:

Комментарии

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

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

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

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

Меню

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

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