埋め込みMailChimpフォームの位置を調整する方法

Question

テーマのページビルダーで生のHTMLウィジェットを使用して、WordPressサイトのフッターに埋め込みMailChimpサインアップフォームがあります。

私はこのサイトで得た助けを借りて、同じ行に入力フィールドとサブスクライブボタンを得ることができました。今は、フィールドとボタンの間の空きスペースの一部を削除し、すべてを中央に置くだけです。

ここでは、フォームが右下部にある自分のサイトへのリンク、です：ここに私のフォームのコード

http://origamidotme.staging.wpengine.com

です：

<!-- Begin MailChimp Signup Form --> 
<style type="text/css"> 
#mc_embed_signup{background:#1b1d1f; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;} 
#mce-EMAIL {display:inline-block; float:left; margin: 6px 20px 0 0;} 
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block. 
    We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ 
</style> 
<div id="mc_embed_signup"> 
<form action="https://origami.us11.list-manage.com/subscribe/post?u=c46543dec276193775d525c9f&amp;id=85cb8a5e0e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> 
<div id="mc_embed_signup_scroll"> 

<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" size="100%" placeholder="Your Best Email" required> 
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 
<div style="position: absolute; left: -5000px;" aria-hidden="true">. <input type="text" name="b_c46543dec276193775d525c9f_85cb8a5e0e" tabindex="-1" value=""></div> 
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn border-width-0 btn-accent btn-round btn-flat"></div> 
</div> 
</form> 
</div> 
<!--End mc_embed_signup--> 

私はに追加するために必要なものすべてのアイデアは、そのボタンをフィールドの最後に近づけてから、全体をフッタの中央にする方法は？

ご協力いただきありがとうございます。このような

Answer 1

アップデートコードは：

<!-- Begin MailChimp Signup Form --> 
<style type="text/css"> 
    #mc_embed_signup { 
    background: #1b1d1f; 
    clear: left; 
    font: 14px Helvetica, Arial, sans-serif; 
    width: 100%; 
    } 

    #mce-EMAIL { 
    display: inline-block; 
    padding: 12px; 
    } 
    /* Add your own MailChimp form style overrides in your site stylesheet or in this style block. 
    We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ 
</style> 
<div id="mc_embed_signup"> 
    <form action="https://origami.us11.list-manage.com/subscribe/post?u=c46543dec276193775d525c9f&amp;id=85cb8a5e0e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> 
    <div id="mc_embed_signup_scroll"> 

     <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" size="100%" placeholder="Your Best Email" required> 
     <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn border-width-0 btn-accent btn-round btn-flat"> 
     <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 
     <div style="position: absolute; left: -5000px;" aria-hidden="true">. <input type="text" name="b_c46543dec276193775d525c9f_85cb8a5e0e" tabindex="-1" value=""></div> 
    </div> 
    </form> 
</div> 
<!--End mc_embed_signup-->