title: Separating a form into 2 columns
body: <p>What I'm trying to do is separate the following form into 2 columns with a vertical divider splitting the two, but can't seem to figure it out. </p>
  
  <p>Here is <a href="http://i.imgur.com/uUJf7rb.png" rel="nofollow">an image of what I want it to look like</a>.</p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="container"&gt;  
    &lt;form class="form-large"&gt;
      &lt;!-- THIS FORM NEEDS TO BE SPLIT IN 2 COLUMNS SUCH THAT I CAN PUT CONTENT IN BOTH --&gt;   
    &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.form-large {
      max-width: 884px;
      padding: 15px 15px 10px;
      margin: 0 auto 20px;
      background-color: #fff;
      border: 1px solid #d6d6d6;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
      -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
      box-shadow: 0 1px 2px rgba(0,0,0,.05);
  }
  </code></pre>
  
  <p>Please help!</p>