如何对齐复选框和标签标签？
可能重复：
如何使复选框及其标签一致地跨浏览器
我有这样的代码：
<div id="form-footer">
<ul>
<li>
<label for="test">Label text</label>
<input type="checkbox" name="" value="" id="test" />
</li>
</ul>
</div>
我如何对齐标签和复选框？ 此刻，我看到复选框与标签顶部对齐，我希望看到它在中间。
如果一切都是单行的，你可以使用line-height属性：
#form-footer li { height: 30px; line-height: 30px; /** same as height */ }
input[type=checkbox] { vertical-align: middle; }
或者任何vertical-align属性