Css 如何对齐复选框和标签标签？

可能重复：

我有以下代码：

<div id="form-footer">
    <ul>
       <li>
           <label for="test">Label text</label> 
           <input type="checkbox" name="" value="" id="test" />
       </li>
    </ul>
</div>

标签文本

---

如何对齐标签和复选框？此刻我看到复选框相对于标签对齐，我想在中间看到它。

如果一切都是一行，你可以使用行高属性：

#form-footer li { height: 30px; line-height: 30px; /** same as height */ }

或任何

垂直对齐

属性

​input[type=checkbox] { vertical-align: middle; }​