Вертикально выровнять текст кнопки?

Question

У меня есть следующий код для отображения текста на родовую кнопке: https://jsfiddle.net/6ogo4bqr/

<input id="Button1" type="button" value="Log In" class="btn1" /> 
<br /> 
<input id="Button2" type="button" value="Log In" class="btn2" /> 
<br /> 
<div id="Button3" class="btn3">Log In</div> 

Это прекрасно работает на Firefox, но на IPad текст кнопки появляется больше к верхней части кнопки (хотя это нормально, когда он использует Helvetica или Arial):

Как я могу получить текст для выравнивания по вертикали на прошивке (BTW, я не мог получить JSFiddle использовать @ шрифт лица)?

Answer 1

В конечном итоге я обнаружил, что конкретный файл шрифта, который я использовал, был поврежден. Все это сработало нормально, когда я заменил файл.

Answer 2

Попробуйте удалить верхнее и нижнее заполнение текста и вместо этого добавьте line-height.

Answer 3

#selector{ 
    /*set both top and bottom padding with same values */ 
    padding-top: 20px; 
    padding-bottom: 20px; 
}