Html DIV as Table-在页面上显示多个表。从左到右堆叠

我需要创建几个表来保存数据。下图显示了结构的外观。表1和表2位于第一行，表之间必须有间隙。表3、4、5将位于下一行，表之间也应该有一些间隙

 --------------          -------------------
|               |       |                   |
|               |       |                   |
|               |       |                   |
|               |       |                   |
|   Table 1     |       |       Table 2     |
|               |       |                   |
|               |       |                   |
|               |       |                   |
|               |       |                   |
|               |       |                   |
|               |       |                   |
 ---------------         -------------------

 ---------------         ---------------         ---------------
|               |       |               |       |               |
|               |       |               |       |               |
|               |       |               |       |               |
|               |       |               |       |               |
|               |       |               |       |               |
|   Table 3     |       |   Table 4     |       |   Table 5     |
|               |       |               |       |               |
|               |       |               |       |               |
|               |       |               |       |               |
|               |       |               |       |               |
|               |       |               |       |               |
|               |       |               |       |               |
 ---------------         ---------------         ---------------

---

这是我到目前为止试图做的，但它并不完美。任何帮助都将不胜感激

这是一个有点奇怪的问题（因为不清楚它到底是你想要的），但是：只需为

.table的CSS规则添加一些
边距


（您的JSFIDLE中只有四个表，而不是您在问题中绘制的五个表，但原则是相同的）

但是，如果您的表应该以某种网格形式排列，您可以将它们放置到另一个“包装表”中，使它们以水平和垂直两种方式对齐，如-yes:a table…
谢谢@Johannes，这正是我要找的。