在兩個並排的表格之間放置一個分隔符/分隔符

Question

我有兩個並排的HTML表格，它們被包含在div中。它們可能有不同的行數，並且它們是動態更新的。

目前，這些表格上沒有邊界（每個都有3列），所以在視覺上它們可能看起來像一張表。實施例這裏：http://jsfiddle.net/qxRVF/1/

我想在它們之間放置一個分配/分離器（基本上是單一的垂直線），我想除法器的長度是相同的包圍DIV，其固定的。

我該如何使用HTML和CSS僅用於現代瀏覽器？在這些表上啓用邊界不是解決方案，因爲它們具有可變長度。

Answer 1

如何在外層div一個僞元素：http://jsfiddle.net/qxRVF/4/

.table-info:after{ 
    content:""; 
    position:absolute; 
    top:0; bottom:0; left:50%; width:0; 
    border:1px solid black; 
} 

Answer 2

將兩個表都封裝在單獨的div中。然後設置左邊div的邊界右邊的屬性，並設置右邊的div的邊界左邊屬性。