ラベル、正しく入力

Question

私が持っているシンプルなラベル、および番号の入力ボックスを並べる：

<div id="total"><label>Total: <input type="tel" id="totalInput" onKeyUp="updateTotal()" /></label></div> 

をとCSS：

のコードはこれです

label { 
    font-size: 16pt; 
    font-family: sans-serif; 
    margin-right: 0.5em; 
} 

input { 
    font-size: 16pt; 
    left: auto; 
    float:right; 
    width: 60%; 
} 

#total { 
    text-align:right; 
} 

しかし、「Total：」という単語を中央に揃えるように移動する方法を理解することはできません（またはotherw ise）を入力ボックスに追加します。

ご協力いただければ幸いです。

Answer 1

height: 16pt属性への入力のfont-size: 16pt属性をラベルを移動するline-heightを使用することができ、テキスト

class { 
    ... 
    line-height: 1.2; 
    ... 
} 

Answer 2

あなたはあなたが変更にダウン

label {line-height: 1.5em;} //or there abouts 

Answer 3

のline-heightプロパティを探しています。 http://jsfiddle.net/GZLQy/

Answer 4

ライブデモなしで野生の推測かもしれませんが（実際には入力要素自体をラップするラベルは使用しません）、ラベルセレクタにline-height:16ptを追加してみてください。

label { 
    font-size: 16pt; 
    font-family: sans-serif; 
    margin-right: 0.5em; 
    line-height:16pt; 
}