在两个并排表之间放置一个分隔符/分隔符

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中。然后设置left div的border-right属性并设置right div的border-left属性。