ボタンのテキストを垂直に整列しますか？

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> 

それが使用している場合、それはOKだけれども（それは、Firefoxの罰金に動作しますが、iPad上でボタンテキストはボタンの上部に向かってより多く表示されますHelveticaまたはArial）：

どのように私は、テキストが（ちなみに私はJSFiddleフォントフェイス@使用することができませんでした）のiOS上で縦方向に整列するために得ることができますか？

Answer 1

最終的に私が使用した特定のフォントファイルが壊れていたことがわかりました。私がファイルを置き換えたとき、それはすべてうまくいった。

Answer 2

テキストの上部と下部のパッドを試して削除し、代わりにline-heightを追加してください。

Answer 3

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