複選框中斷無表單佈局

Question

我有一個表單生成<ul>，但當我在某處添加複選框時出現問題。
它打破了整個佈局。
問題是在標籤樣式中的某個地方，但不能確定什麼？ Here is the fiddle。

Answer 1

您的下一行堆疊在懸浮在其左側的標籤上，因爲該複選框不像輸入字段那麼高。一個簡單的解決方案是另一條規則添加到您的CSS來清除它：

ul li { clear: left } 

See the jsFiddle.