html - 复选框中断无表格表单布局

Question

我有一个表单构建，<ul>但是当我在某处添加复选框时出现问题。
它打破了整个布局。
问题出在标签样式的某个地方，但不知道是什么？ 这是小提琴。

Answer 1

您的下一行堆叠在浮动到其左侧的标签顶部，因为该复选框没有输入字段那么高。一个简单的解决方案是在你的 CSS 中添加另一个规则来清除它：

ul li { clear: left }

请参阅 jsFiddle。