如何對這個標簽文本進行文本對齊？

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

嘗試這個：-

http://jsfiddle.net/AFGMf/

 label
    {
        vertical-align:middle;
    }

Answer 2

作為反直覺的，因為它看起來，你需要添加vertical-align: middle你要垂直對齊，而不是元素要垂直對齊（元素在這種情況下， label[for=checkbox] 。

在這里查看演示： http ： //jsfiddle.net/E5CxM/2/

Answer 3

使用line-height使文本垂直居中

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

這是一個如何工作的簡單示例：

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