排隊標籤和輸入正確

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：」向下移動以使其居中對齊（或其他） ise看起來很對齊）到輸入框。

任何幫助，將不勝感激。

Answer 1

改變輸入的font-size: 16pt屬性爲height: 16pt屬性。 http://jsfiddle.net/GZLQy/

Answer 2

你正在尋找的文本

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

Answer 3

的line-height屬性可以使用line-height移動標籤下

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

Answer 4

可能是沒有現場演示胡亂猜測（我卻從未使用包裹輸入元素本身的標籤），但嘗試添加line-height:16pt到標籤選擇器。

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