将两个表对齐

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上还不太专业。

（屏幕截图显示了它当前的内容。左边的grafic是带有“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”属性修复它以对齐所有内容。

非常感谢。