Как поместить кнопку «suscribe» и «вход по электронной почте» в одну строку? - PullRequest
Новая
       25

Как поместить кнопку «suscribe» и «вход по электронной почте» в одну строку?

0 голосов
/ 11 июня 2019

Я хочу, чтобы кнопка «Ввод» и «Подпись» находилась в одной строке.

Я пытался поместить display: inline-block;в моем коде CSS, как предлагали некоторые пользователи переполнения стека, но он остается тем же 

    <!-- 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

1 Ответ

0 голосов
/ 12 июня 2019

Я немного прибрал для вас код, закрыл некоторые недостающие теги и удалил Honeypot (который должен автоматически вставляться через плагин 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>
...