html - 将两个表格排成一行

Question

我有以下代码：

<div id="topinfo" style="margin: 10px 320px">
<table>
<tr>
<td>
<img src="/images/topinfo/flagpt.png""/>
</td>
<td>
<img src="/images/topinfo/flaguk.png""/>
</td>
</tr>
</table>

<table>
<tr>
<td>
<img src="/images/topinfo/assistencia.png" /> </br>
<img src="/images/topinfo/numero.png" />
</td>
<td background="/images/topinfo/separator.png">
</td>
<td>
<a href='/top-info/sobre-nos'><img src="/images/topinfo/sobrenos.png" /> </a> </br>
<a href='/top-info/contactos'><img src="/images/topinfo/contactos.png" /> </a>
(...)

它下面还有更多代码，但我不相信它的问题，只是一些基本的图像和链接

我的问题是我想让它们都在同一行，而目前这不起作用。我尝试在表格和 div 中使用“style='display:inline;'”，但仍然无法正常工作。我也尝试“合并”两张桌子，但它们的高度固定，不能很好地融合在一起。

可能有一个非常简单的修复方法，但我对 css 和 html 还不太专业。

（屏幕截图显示了它的当前状态。左边的图形是一个带有“float:left;”的标志）

编辑：（还添加了当我尝试在同一张表中执行它们时会发生什么）

Answer 1

编辑：尝试将图像放在与文本相同的 td 中，并将分隔图像编辑为更高。

<table>
<tr>
<td>
<img src="/images/topinfo/flagpt.png""/>
<img src="/images/topinfo/assistencia.png" /> </br>
<img src="/images/topinfo/numero.png" />
</td>
<td background="/images/topinfo/separator.png">
</td>
<td>
<img src="/images/topinfo/flaguk.png""/>
<a href='/top-info/sobre-nos'><img src="/images/topinfo/sobrenos.png" /> </a> </br>
<a href='/top-info/contactos'><img src="/images/topinfo/contactos.png" /> </a>

Answer 2

没关系，我使用单个表格和“valign=middle”属性来对齐所有内容。

不管怎么说，还是要谢谢你。