WordPress 'Contact Form 7'表单生成不一致的字段

Question

>我使用WordPress插件Contact Form 7创建了一个非常简单的问卷。在查看最终输出时，我注意到两个字段（您的生日，您的电子邮件）（看似随机）生成不正确 - 它们似乎

堆叠在一起。

表格可以在这里查看。

我在这里并没有真正做任何自定义样式，也没有看到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，表单看起来很棒。所以你有明确的浮动。

这是最终结果：图片。

Answer 2

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

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

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