Eliminar la brecha entre las tags tbody

¿Hay alguna manera de eliminar la pequeña brecha entre dos tags tbody cuando ambas se visualizan en línea de esta manera?

http://jsfiddle.net/kttss/

lo que el html representa

Como puedes ver en el violín, entre las dos tablas hay un pequeño espacio. Sé que puedo deshacerme de esto manualmente usando un margen negativo, pero esto parece una molestia ya que tengo una tabla con un número variable de tbody s.

 
1 2
3 4
1 2
3 4

Parece agregar border-spacing: 0; a tu table elementos te ayudarán. Sin esto, hay 2 píxeles alrededor de cada uno de los bordes, lo que significa que hay 4 píxeles entre las tablas.

Use flotador en lugar de visualización de inline-block . También tiene que contraer los bordes con border-collapse:collapse , o usar border-spacing: 0 como en la respuesta de @ JoeEnos también.

 table { border-collapse:collapse; } tbody { float:left; } 

Manifestación

Con display: inline-block , el espacio en blanco en el marcado (saltos de línea, tabs) se contrae y se procesa como un único espacio. float no se ven afectados por esto.