复选框以标签为中心

Question

有人可以帮我将复选框置于其标签的中心吗？对于下面的代码，复选框位于顶部。

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

感谢您的帮助！

Answer 1

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

http://jsfiddle.net/AgKpQ /

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

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

Answer 2

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