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