title: How to make Mailchimp embed form look not horrible
body: <p>I'm so sorry in advance for this question as honestly I know NOTHING about code so I'm turning to the internet to help. Right now, I have it so the subscribe button and the field for inputting email are on separate lines and the button size is small with awkward spacing inbetween the field and the button. I'd like to fix these issues by having the button and the input field for email on the same line. If you could just add/remove whatever needs to be done to this I would REALLY appreciate it:</p>
  <p>My code for this Mailchimp embed form is like this right now:</p>
  <pre><code>&lt;!-- Begin Mailchimp Signup Form --&gt;
  &lt;link href=&quot;//cdn-images.mailchimp.com/embedcode/classic-10_7.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;
  &lt;style type=&quot;text/css&quot;&gt;
      #mc_embed_signup{background:#ce3939; clear:left; font:14px Helvetica,Arial,sans-serif;  width:600px; color: white}
  h2 {color: white;}
     #mc-embedded-subscribe { background-color: #930e0e !important; }
  #mc-embedded-subscribe:hover { background-color:#ce3939 !important; }
  &lt;/style&gt;
  &lt;div id=&quot;mc_embed_signup&quot;&gt;
  &lt;form action=&quot;https://pghcitypaper.us13.list-manage.com/subscribe/post?u=7bf7a7c4fa696150853fb01ba&amp;amp;id=36c5a7a88b&quot; method=&quot;post&quot; id=&quot;mc-embedded-subscribe-form&quot; name=&quot;mc-embedded-subscribe-form&quot; class=&quot;validate&quot; target=&quot;_blank&quot; novalidate&gt;
      &lt;div id=&quot;mc_embed_signup_scroll&quot;&gt;
    
      &lt;h2&gt;Subscribe to our newsletter (or else)!&lt;/h2&gt;
  
  &lt;div class=&quot;mc-field-group&quot;&gt;
      &lt;input type=&quot;email&quot; value=&quot;&quot; name=&quot;EMAIL&quot; class=&quot;required email&quot; id=&quot;mce-EMAIL&quot;&gt;
  &lt;/div&gt;
  &lt;div hidden=&quot;true&quot;&gt;&lt;input type=&quot;hidden&quot; name=&quot;tags&quot; value=&quot;118&quot;&gt;&lt;/div&gt;
      &lt;div id=&quot;mce-responses&quot;&gt;
          &lt;div class=&quot;response&quot; id=&quot;mce-error-response&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
          &lt;div class=&quot;response&quot; id=&quot;mce-success-response&quot; style=&quot;display:none&quot;&gt;&lt;/div&gt;
      &lt;/div&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=&quot;position: absolute; left: -5000px;&quot; aria-hidden=&quot;true&quot;&gt;&lt;input type=&quot;text&quot; name=&quot;b_7bf7a7c4fa696150853fb01ba_36c5a7a88b&quot; tabindex=&quot;-1&quot; value=&quot;&quot;&gt;&lt;/div&gt;
     &lt;input type=&quot;submit&quot; value=&quot;Subscribe&quot; name=&quot;subscribe&quot; id=&quot;mc-embedded-subscribe&quot; class=&quot;button&quot;&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  &lt;script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'&gt;&lt;/script&gt;&lt;script type='text/javascript'&gt;(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));var $mcj = jQuery.noConflict(true);&lt;/script&gt;
  &lt;!--End mc_embed_signup--&gt;
  </code></pre>