如何对这个标签文本进行文本对齐？

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/