title: Aligning form to bottom center horizontally
body: <p>I have a mailchimp form that I'd like to align to center at the bottom of a page (with a 10px padding from the bottom). </p>
  
  <p>I managed to get it to the bottom, but I don't see how I can move to the center. </p>
  
  <pre><code>.mc-field-group{
  background-color: #174365;
  opacity:0.8;
  padding: 0px;
  color: #fff;
  font-family: Helvetica, Arial;
  width:400px;
  font-size:12px;
  padding-left:10px; 
  position: absolute; bottom: 0; left: 0;
  
  }
  
  #mce-EMAIL {
  float: left;
  margin:10px;  
  font-size:12px;
  background: transparent;
      }
  
  #mce-FNAME{
  margin:10px;
  font-size:12px;
  background: transparent;
  }
  
  #mc_embed_signup input {border:1px solid #fff; -webkit-appearance:none; color:#fff;     text-transform: uppercase; background: transparent; text-indent:2%; color}
  
  #mc_embed_signup .button {clear:both; background-color: #174365; color: #FFFFFF; display: inline-block; font-size:14px;  margin: 11px 5px 5px 0; text-align: center; text-decoration: uppercase; width: auto; border:1px solid #fff; font-size:12px;} 
  </code></pre>
  
  <p>Anyone know how I could get it to stick to the bottom of the page (with a little padding)? </p>
  
  <p>Thanks! :)</p>