スパン内のテキストをパディングしますが、背景イメージをパディングしない方法

Question

私は、ボタンの背景イメージとテキストを持つSPANを持っている状況があります。しかし、テキストはボタンの上にありますが、私はそれを垂直に中央に配置したいと思っています。私はパディングでそれを調整しようとしましたが、その後、背景画像は

... htmlコードに沿ってシフト：事前に

<span class="button" style="BACKGROUND-IMAGE: url('images/button.gif'); HEIGHT: 50px; PADDING: 15px 10px 0px 0px; WIDTH: 50px">button text</span> 

おかげで、私は、単純な何かを見下ろす午前気持ちを持っています...

Answer 1

あなたのCSSにこれを追加します。

line-height: 50px; 
display: inline-block; 
padding: 0 10px; 

あなたのパディングを調整する必要があるかもしれませんが、ボタン自体の高さに行の高さを設定すると、その内容VERTICを中心に説明します同盟国。