title: Centering a form, but maintaining alignment of its contents
body: <p>I have a three-column page. Each column is a div with the following styles:</p>
  
  <pre><code>.Row1 {
      text-align:center;
      display:inline-block;
      vertical-align:top;
      padding:0.5%;
      width:31.5%;
  }
  </code></pre>
  
  <p>The HTML is as follows:</p>
  
  <pre><code>&lt;div class="Row1"&gt;
      &lt;h2&gt;Header&lt;/h2&gt;
      &lt;br /&gt;
      &lt;form&gt;
          Form stuff goes here
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My form consists of nothing more than a text field, a few radio buttons, and a submit button. Problem is, putting the form into the above code will give me a centered form, with the text field, radio buttons, and submit button also aligned in the center.</p>
  
  <p>What I am trying to do is to just center the form itself (as a container), but keep everything aligned to the left.</p>
  
  <p>I have tried wrapping the form in a div that is text-aligned centrally, and the form style set to left align, but that didnt work. The auto margin thing didn't work, either, whether it was on the wrapping div, or on the form, without the wrapping div (that is, an extra div. the Row1 div always remains).</p>
  
  <p>EDIT: <a href="http://jsfiddle.net/pJwqe/" rel="nofollow">http://jsfiddle.net/pJwqe/</a></p>