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

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/