title: How do you align an image and form side by side, but also center them?
body: <pre><code>&lt;div class="image"&gt;
  &lt;/div&gt;
  &lt;div class="form"&gt;
  &lt;/div&gt;
  
  .image{
    float:left;
  }
  
  .form{
    float:left;
  }
  </code></pre>
  
  <p>This will put them side-by-side on the left-hand side of the screen. But how can I center them?</p>