Contact Form7 中的輸入框未在左側對齊

Question

所以我有這個用於 WordPress 的聯系表格 7 的基本代碼。 從我在其他示例中看到的基本代碼來看，一切都應該在左側對齊。 文本向左對齊，但框一直向右對齊。 任何人都知道為什么會發生這種情況？

<p> Name
[text* your-name] </p>
<p>Email
[text* your-email] </p>
<p>Subject
[text* your-subject] </p>
<p>Your message 
[textarea your-message]</p>
[recaptcha]
<p>[submit "Send"]</p>

Answer 1

您可以將默認布局更改為您自己的布局，然后為其設置所需的 CSS。 鐵

<div class="cf_name"> Name
<span class="cf_input">[text* your-name]</span> </div>
<div class="cf_name">Email
<span class="cf_input">[text* your-email] </span> </div>
<div class="cf_name">Subject
<span class="cf_input">[text* your-subject] </span> </div>
<div class="cf_name">Your message 
<span class="cf_input">[textarea your-message] </span> </div>
<div class="cf_name">[recaptcha]</div>
<div class="cf_name">[submit "Send"]</div>