在电子邮件的HTML表格中，将两个不同大小的图像相邻对齐

如何将两个大小不同的图像相邻对齐？右侧较大的图像将左侧的图像向下推到中间。它们应该紧挨着彼此，然后文本将显示在左侧图像下。这是一个电子邮件模板。我尝试了

display:inline block

，但没有成功

 <table cellpadding="0" cellspacing="0" border="0" align="left" width="600">
                <tr>
                    <td width="10" bgcolor="#FFFFFF">
                        <font face="Arial, Helvetica, sans-serif" color="#aaaaaa">Test</font>
                    </td>
                    <td width="290" bgcolor="#FFFFFF">
                        <font face="Arial, Helvetica, sans-serif" color="#aaaaaa"><img src="http://placehold.it/248x59" alt="!"></font>
                    </td>
                    <td width="10" bgcolor="#FFFFFF">
                        <font face="Arial, Helvetica, sans-serif" color="#aaaaaa">Test</font>
                    </td>
                    <td width="280" bgcolor="#FFFFFF">
                        <font face="Arial, Helvetica, sans-serif" color="#aaaaaa"><img src="http://placehold.it/226x350" alt="!"></font>
                    </td>
                    <td width="10" bgcolor="#FFFFFF">
                        <font face="Arial, Helvetica, sans-serif" color="#aaaaaa">Test</font>
                    </td>
                </tr>
           </table>

试验
试验
试验

---

这里是jsfiddle:

您是在谈论垂直放置吗？不知道你们说的“紧挨着”是什么意思。您可以使用

valign=“top”

属性控制垂直放置。至于文本，文本不可能在当前html下显示。

是的，我的意思是垂直放置。你的答案是正确的，而且效果很好！非常感谢你！文本与较小的图像放在同一个单元格中，以使其精细。