帮我用css格式化一个表单

Question

http://jsfiddle.net/R9ejR/

我想显示一些字段，例如height，weight，physique等，以便并排展示，所以我写了一个简单的CSS showOnSide ，只是float:left内容，但是当我在formelement之后添加这个类时，该元素变得不可点击。有什么想法吗？

Answer 1

类必须用单个空格分隔，例如li class="form_element showOnSide"

Answer 2

如果您不需要位置：relative，则删除它。 （感谢Maus）。

否则：

jsFiddle中的解决方案： Solution with clear and floats

很难解释，但浮动的元素之后的li元素位于输入元素的顶部。现在浮动按预期工作。需要清除以强制列表项而不在浮点数下方显示ShowOnSide。