Как line-height по вертикали центрирует текст?

Я пытаюсь понять, почему свойство CSS line-height помещает текст вертикально посередине этой кнопки:

 .btn-order {width: 220px; высота: 58 пикселей; размер шрифта: 24 пикселя; отступ: 0; выравнивание текста: центр; вертикальное выравнивание: по центру; высота строки: 58 ​​пикселей; граница: сплошной черный 1px; } 
 
Завершить заказ
15
задан Dan Dascalescu 8 February 2018 в 03:38
поделиться