在佈局中不顯眼地插入垂直分隔線

Question

我想插入一個灰色的垂直分隔線，它們均勻地分割兩側以顯示邏輯分割。由於雙方的內容可能會根據用戶的選擇而有所不同，因此分頻器需要進行適當的縮放 - 換句話說，不能將高度固定。

順便說一句，理想情況下，這個樣式元素是我可以有條件地插入和刪除的東西。很明顯，某些div會給予最大限度的控制。

這裏是我現有的HTML/CSS代碼：

http://jsfiddle.net/keruilin/u5GgT/47/

Answer 1

而不是插入的元素，我想看看雙方造型作爲等高列。使用左側的邊框或右側的邊框來顯示分區。

請參閱：CSS - Equal Height Columns?瞭解等高柱的指導。

Answer 2

如何將border-left: 2px solid gray或border-right: 2px solid gray應用於其中一列？