Html 将窗体分为两列

我想做的是用一个垂直分隔符将下面的表单分成两列，但似乎无法理解

这是

HTML:

<div class="container">  
  <form class="form-large">
    <!-- THIS FORM NEEDS TO BE SPLIT IN 2 COLUMNS SUCH THAT I CAN PUT CONTENT IN BOTH -->   
  </form>
</div>

.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);
}

---

请帮忙

只需添加一个左div和一个右div，其中包含

display:inline block

和一个设置宽度：

---

您已经要求了确切的宽度，因此如果要防止包装，只需在表单上添加

空白：nowrap

。否则，使用百分比宽度或其他东西。

制作一个1px X 2px的像素。。它有一个垂直的背景

.form-large { 
    ...
    background:transparent url(1pxX2pximage.img) repeat-y scroll 0 584px;
    ...
}

---

非常类似于已经回答的只是为了补充这一点。假设表单的宽度为1000px，左栏为640px，右栏为300px。我如何在这些柱之间创建一个空间，并在它们之间添加一个垂直分隔线，延伸到窗体的高度？