title: How to center align form elements in simple_form
body: <p>I am trying to center align all the form elements in a form built with simple_form so I created a .simple_form and filled with certain things like float, text-align, etc to center everything but it doesn't work</p>
  
  <pre><code>.simple_form {
      float: none;
      text-align : center;
      margin-right: auto;
      margin-left: auto;
      position: auto;
  }
  /*
  .simple_form label {
    float: left;  
    width: 100px;   
    margin: 2px 10px; 
  }  
  
  .simple_form div.input {  
    margin-bottom: 10px;  
    margin: 2px 10px; 
  }  
  
  .simple_form div.boolean, .simple_form input[type='submit'] {  
    margin-left: 120px; 
    margin: 2px 10px; 
  }  
  
  .simple_form div.boolean label {  
    float: none;  
    margin: 0; 
    margin: 2px 10px; 
  } 
  */
  </code></pre>
  
  <h1>HTML</h1>
  
  <pre><code>&lt;h1&gt;Submit page &lt;/h1&gt;
  &lt;%= simple_form_for Post.new  do |f| %&gt; 
  &lt;%= f.input :title  %&gt;
  &lt;%= f.input :blurb %&gt; 
  &lt;%= f.input :funding_goal %&gt;
  &lt;%= f.input :funding_duration %&gt;   
  &lt;%= f.button :submit %&gt;  
  &lt;% end %&gt; 
  </code></pre>