Несколько методов центрирования текста в кнопке:

1. Использование свойства text-align:center. 1 Кнопка должна находиться внутри блока, у которого задано это свойство. 1 Оно позволяет выравнивать содержимое блока по центру. 1
2. Применение свойств flexbox. 12 Нужно установить для кнопки свойство display: flex, чтобы сделать её flex-контейнером, а затем свойство margin: 0 auto, которое и осуществляет центрирование. 1 Код: button { display: flex; margin: 0 auto; }. 1
3. Использование свойств justify-content:center и align-items:center. 14 Свойство justify-content:center выравнивает содержимое по горизонтали, а align-items:center — по вертикали. 1