我需要幫助，將電子郵件注冊表單的所有元素放在同一行

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行在同一行上實現它們。

我知道您使用的是文字印刷機，可能只是復制和粘貼代碼。 如果您打算進行網頁設計工作，那么值得學習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>