title: Contact Form 7 - Center the Input Fields
body: <p>I have a Contact form 7 on my home page here: <a href="http://grownowsma.com/" rel="nofollow noreferrer">http://grownowsma.com/</a></p>
  
  <p>I have been trying to get the input fields to be centered. I tried a few tricks I've used before and answers from other Stack Overflow questions and for some reason no luck. </p>
  
  <p>I tried this trick: <a href="http://www.screencast.com/t/ygBP3eQn9jQu" rel="nofollow noreferrer">http://www.screencast.com/t/ygBP3eQn9jQu</a></p>
  
  <p>I tried these in the CSS:</p>
  
  <pre><code>.contactform input[type="text"],form .contactform input[type="email"]{
      margin: 9px auto 0 !important;
  }
  </code></pre>
  
  <p>And this:</p>
  
  <pre><code>.wpcf7-form-style {
      max-width: 800px;
      margin: 0 auto;
      float: none;
      display: block;
  }
  </code></pre>
  
  <p>Both no luck. I've been messing around in the inspector for a while and haven't been able to change it. Any other suggestions for selectors or attributes to try? </p>