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

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

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

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

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

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

В этом случае кнопку нужно поместить в контейнер с классом .container.