WordPress的“联系表单7”表单生成不一致的字段

Question

我已使用WordPress插件联系表单7 创建一个非常简单的问卷。 在查看最终输出后，我注意到（您的生日，您的电子邮件）这两个字段（看似随机）生成错误 - 它们似乎堆叠在顶部彼此。

可以查看表单here。

我在这里没有真正做过任何自定义样式，我在Firebug中没有看到任何明显的不一致，所以我无法想象是什么导致了这个问题？

Answer 1

通过Firebug我修改了这个CSS，

.your-name, .your-email {
    float: left;
    width: 365px;
    margin-bottom: 3px;
}

通过

.your-name, .your-email {
    width: 365px;
    margin-bottom: 3px;
}

这意味着我删除 float：left ，表单看起来很棒。所以你清楚浮动。

以下是最终结果：picture。

Answer 2

检查HTML结构。你目前正在做的方式并不是那么好。尝试：

<p> Name </p>
<p> Form input here </p>

而不是使用大量的标签，并确保您clear: both; p代码，以便所有p代码占用一行。