Как расположить кнопку по центру 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>