以标签为中心的复选框答案

【问题标题】：Checkbox centered to label以标签为中心的复选框
【发布时间】：2011-10-07 16:53:37
【问题描述】：

有人可以帮我将复选框放在他的标签的中心吗？使用下面的代码，复选框位于顶部。

<label for="checkbox">Label</label>
<input name="checkbox" type="checkbox" />

感谢您的帮助！

【问题讨论】：

【解决方案1】：

我不知道这是否是正确的方法，但我是这样处理这个问题的：

label, input {
    float: left;
    display: block;
}
label {
    font-size: 30px;
}
input {
    margin-top: 10px;
}

使用类似解决方案时，您必须记住clearfix。

【讨论】：

【解决方案2】：

输入{vertical-align:bottom;} 你想要什么吗？如果不是，则可能是垂直对齐的另一个有效值。

【讨论】：