Как выровнять кнопку по центру css

Для выравнивания кнопки по центру по горизонтали и вертикали можно использовать комбинацию свойств «display: flex;», «justify-content: center;» и «align-items: center;». Также можно использовать свойства «text-align: center;» для выравнивания по горизонтали и «line-height: …» для выравнивания по вертикали.

Примеры:

.button-class {
  display: flex;
  justify-content: center;
  align-items: center;
}

.button-class {
  text-align: center;
  line-height: 2;
}

В обоих примерах используется класс «button-class», который нужно добавить к HTML-элементу кнопки, например:

<button class="button-class">Название кнопки</button>

Это выровняет кнопку по центру по горизонтали и вертикали.