CSS输入向右移动

Question

如果您访问http://haywardconstruction.co.uk/newsubcontractor/，那里有一个表单，如果向下滚动到“电子邮件”输入字段，则问题出在此处。出于某种原因，“电子邮件”字段向右移动，我需要它看起来像其他字段。我将字段CSS与其他字段进行了比较，它们是相同的。所以我不确定为什么这个领域向右移动。

Answer 1

在输入框之前有一堆空格。只需删除此空白即可正确排列。这是因为事实

display: inline-block;

考虑到空白。

Answer 2

杰伊就在这里 - 没有其他因素导致电子邮件输入框位于中心位置。如果你在.ginput_container上将CSS white-space属性更改为“nowrap”或“normal”，它将修复它。来自CSS：

 body .gform_wrapper .top_label div.ginput_container {
    white-space: nowrap;
 }

Answer 3

标记whitespace: pre;导致<pre class="language-html"><code>。删除这些标记，以及它们的结束合作伙伴：从您的HTML中</pre></code>，您就可以了。

不知道这些标签的意图是什么，但我认为这是一些复制和粘贴的遗产。