title: How to adjust position of embedded MailChimp form
body: <p>I have an embedded MailChimp signup form in the footer of my WordPress site using a raw HTML widget in my theme's page builder.</p>
  
  <p>I managed to get the input field and subscribe button on the same line thanks to some help I got on this site. Now I just need to remove some of the empty space between the field and the button and center everything.</p>
  
  <p>Here's a link to my site, the form is right at the bottom: </p>
  
  <p><a href="http://origamidotme.staging.wpengine.com" rel="nofollow noreferrer">http://origamidotme.staging.wpengine.com</a></p>
  
  <p>Here's the code for my form:</p>
  
  <pre><code>&lt;!-- Begin MailChimp Signup Form --&gt;
  &lt;style type="text/css"&gt;
  #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. */
  &lt;/style&gt;
  &lt;div id="mc_embed_signup"&gt;
  &lt;form action="https://origami.us11.list-manage.com/subscribe/post?u=c46543dec276193775d525c9f&amp;amp;id=85cb8a5e0e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate&gt;
  &lt;div id="mc_embed_signup_scroll"&gt;
  
  &lt;input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" size="100%" placeholder="Your Best Email" required&gt;
  &lt;!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--&gt;
  &lt;div style="position: absolute; left: -5000px;" aria-hidden="true"&gt;.  &lt;input type="text" name="b_c46543dec276193775d525c9f_85cb8a5e0e" tabindex="-1" value=""&gt;&lt;/div&gt;
  &lt;div class="clear"&gt;&lt;input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn border-width-0 btn-accent btn-round btn-flat"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  &lt;!--End mc_embed_signup--&gt;
  </code></pre>
  
  <p>Any idea what I need to add to bring that button closer to the end of the field and then how to make the whole thing centered in my footer?</p>
  
  <p>Thanks in advance for the help.</p>