title: Put DIVS on one line then center
body: <p>I have a form with 2 inputs and a submit button. </p>
  
  <p>They are in different DIVS, so I'm using a left float to get them all in one line. </p>
  
  <p>I have the whole thing contained in a larger DIV, and I'm using auto on the left and right margins to try and center the whole thing.</p>
  
  <p>No matter what I do I can't get that form centered. It's making me crazy. I'm sure it's something simple that I'm just missing. What am I doing wrong?</p>
  
  <p>Thanks in advance!</p>
  
  <p><a href="http://jsfiddle.net/T84hE/" rel="nofollow">http://jsfiddle.net/T84hE/</a></p>
  
  <p>Here's the CSS I'm using:</p>
  
  <pre><code>    #mc_bottom_signup{
           width:90%;  
           margin: 0 auto;
  
      }
  
      #mc_bottom_signup input[type="text"],
      #mc_bottom_signup input[type="email"] {
          margin-right: .25em;
          width:30%;
          float:left;  
      }
  
      #mc-embedded-subscribe {
          margin-top: 0;
          float:left;  
      }
  </code></pre>