我需要帮助将电子邮件注册表单的所有元素放在同一行

Question

我有一个 WordPress 网站，顶部有一个栏，我可以在其中添加自定义代码。

我正在尝试向此栏添加一个 Infusionsoft 电子邮件注册表单，我希望所有内容都在同一行上。目前它在第一行显示字段标签，然后在第二行显示电子邮件字段，然后在第三行显示提交按钮。

我可以将我需要的任何代码添加到此表单和此自定义代码框，我还可以将自定义 CSS 添加到主题选项本身。

我已经尝试了很多东西，其中一些几乎可以工作，但我无法弄清楚。

如有任何帮助，我们将不胜感激。

这是我的表单代码：

<form accept-charset="UTF-8" action="https://ca383.infusionsoft.com/app/form/process/647e604918a3f0a0c52cd6b907f9d7d3" class="infusion-form" id="inf_form_647e604918a3f0a0c52cd6b907f9d7d3" method="POST">
<input name="inf_form_xid" type="hidden" value="647e604918a3f0a0c52cd6b907f9d7d3">
<input name="inf_form_name" type="hidden" value="Web Form submitted">
<input name="infusionsoft_version" type="hidden" value="1.70.0.80421">
<div class="infusion-field">
    <label for="inf_field_Email">Sign Up For Weekly Tips and Specials Offers!</label>
    <input class="infusion-field-input" id="inf_field_Email" name="inf_field_Email" placeholder="Email *" type="text">
</div>
<div>
    <div>&nbsp;</div>
</div>
<div class="infusion-submit">
    <button type="submit">Submit</button>
</div>

Answer 1

我将输液提交 div 移到了输液字段 div 中。我使用了 display flex 和 flex-direction row 来实现它们在同一行上。

我知道您正在使用 word press，可能只是复制和粘贴代码。如果您打算从事网页设计工作，那么学习 HTML 和 CSS 是非常值得的。它实际上并没有那么复杂，而且您可以完全控制网站上的内容！

*编辑内容居中

<form accept-charset="UTF-8" action="https://ca383.infusionsoft.com/app/form/process/647e604918a3f0a0c52cd6b907f9d7d3" class="infusion-form" id="inf_form_647e604918a3f0a0c52cd6b907f9d7d3" method="POST">
  <input name="inf_form_xid" type="hidden" value="647e604918a3f0a0c52cd6b907f9d7d3">
  <input name="inf_form_name" type="hidden" value="Web Form submitted">
  <input name="infusionsoft_version" type="hidden" value="1.70.0.80421">

  <div class="infusion-field" style="display:flex; flex-direction: row; justify-content: center;">
    <label for="inf_field_Email">Sign Up For Weekly Tips and Specials Offers!</label>
    <input class="infusion-field-input" id="inf_field_Email" name="inf_field_Email" placeholder="Email *" type="text" style="margin-right: 10px;">
    <div class="infusion-submit">
      <button type="submit">Submit</button>
    </div>
  </div>
</form>

我需要帮助将电子邮件注册表单的所有元素放在同一行

I need help putting all the elements of an email signup form on the same line

forms

infusionsoft