html - 如何将此标签文本居中对齐？

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/