Css 一个页面上有多个HTML表格，其中包含文本

我有一个网页，其中有多（4）个HTML表格，都在一个div内（基本上延伸整个页面，只是告诉表格从页面开始到底有多远），标题应该显示在每个表格的正上方。我几年前建立了这个网站，在最近的Chrome更新之前一切都很好，现在HTML表格和文本似乎到处都是

有什么更好的方法可以做到这一点的建议吗？我在其他地方读到过一个建议，建议将这些表放在一个较大的表中（这样做很有效），但我使用CSS着色来着色交替行和不同的颜色，这样当我这样做时，它会着色整个页面

下面是我的代码示例：

<div>

Title Above Table:
<br><br>
<table>
<tr><td>
table data
</td></tr>
</table>
<br><br>
Second Title Above Table:
<br><br>
<table>
<tr><td>
table data
</td></tr>
</table>
<br><br>

</div>

上表标题：



表数据



上表第二个标题：



表数据

这里还有实际的站点：

如果按几次刷新，您会看到文本在表格中移动，有时不同的表格甚至会跳到彼此的前面

---

谢谢

您的HTML无法验证。在继续之前，请尝试调试位于的W3C标记验证服务报告的错误