如何將文本對齊到標籤文本的中心？

Question

如何垂直居中對齊文本？

來源：

要：

<<p> 
<label></label> 
<input type="checkbox" id="checkbox" name="checkbox" class="regular-checkbox big-checkbox" value="Yes" checked="checked"> 
<label for="checkbox" style="margin-right:10px;"></label>Subscribe me to your mailing list for upcoming events, hot offers and deals 
</p> 

http://jsfiddle.net/JoshSalway/E5CxM/

Answer 1

由於反直覺的，因爲它似乎，您需要將vertical-align: middle添加到要垂直對齊的元素與，而不是你想要垂直對齊的元素（在這種情況下，label[for=checkbox]。

在這裏看到一個演示：http://jsfiddle.net/E5CxM/2/

Answer 2

使用的line-height，使文字垂直居中

label{ 
line-height: 45px; 
height: 45px; 
display: inline-block; 
} 

這裏是它如何工作的一個簡單的例子：

http://jsfiddle.net/E5CxM/10/

Answer 3

試試這個： -

http://jsfiddle.net/AFGMf/

label 
    { 
     vertical-align:middle; 
    }