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

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的边界左边属性。