如何将 "suscribe" 按钮和 "email input" 放在同一行？

Question

我希望输入和订阅按钮在同一行。

我试过将 display: inline-block;在我的 css 代码中，正如 stack overflow 的一些用户所建议的那样，但它保持不变

    <!-- Mailchimp for WordPress v4.5.2 - https://wordpress.org/plugins/mailchimp-for-wp/ -->
    <form id="mc4wp-form-1" class="mc4wp-form mc4wp-form-195 mc4wp-form-theme mc4wp-form-theme-dark customize-unpreviewable" method="post" data-id="195" data-name="formu footer" style="display: inline-block;">
    <div class="mc4wp-form-fields">
        <p> 
            <input placeholder="Escribi tu email" required="">
            <input type="submit" value="Enviar" style="/* display: inline; */">
        </p>
    </div>
    <label style="display: none !important;">Leave this field empty if you're human: 
        <input type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off">
    </label>
    <input type="hidden" 
    <!-- / Mailchimp for WordPress Plugin -->

``

Now I have the suscribe button under the input email, but I want it to have it at the same line

Answer 1

我已经为您整理了一些代码并关闭了一些缺失的标签并删除了蜜罐（应该可以通过 Mailchimp 插件自动插入）。上面的代码在某些地方非常零散，因此并不完全清楚主要问题可能是什么，但这是有效的：

https://jsfiddle.net/aoking/d14pnwsL/

<form id="mc4wp-form-1" class="mc4wp-form mc4wp-form-195 mc4wp-form-theme mc4wp-form-theme-dark customize-unpreviewable" method="post" data-id="195" data-name="formu footer">
  <div class="mc4wp-form-fields">
    <p>
      <input placeholder="Escribi tu email">
      <input type="submit" value="Enviar">
    </p>
  </div>
</form>

如何将 "suscribe" 按钮和 "email input" 放在同一行？

How to put "suscribe"button and "email input" in the same line?

html

css

wordpress

forms

mailchimp