我在电子邮件中创建徽标并导航，该电子邮件也会堆叠在移动设备中。我试图通过班级＆＃34; navlogo＆＃34;来获得TD。使用类＆＃34; main_nav＆＃34;向左浮动和TD在浏览器中浮动，然后在移动设备中堆叠。
<tr>
<td class="navlogo" width="200px" style="display:inline;">
<table style="float:left;">
<tr>
<td class="ttlogo" bgcolor="#ffffff" width="200px" style="padding: 10px 0px 0px 30px; ">
<img width="auto" src="http://image.jpg" alt=" Logo" border="0">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="main_nav" width="400px" style="display:inline;" >
<table style="float:right; " cellpadding="0" cellspacing="0" width="400" >
<tr>
<td class="nav1" align="center" style="padding: 10px 0px; font-family: arial,sans-serif; font-size: 14px; font-weight: bold; ">
<a href="#" style="text-decoration: none; color: #654308;">TRAINING</a>
</td>
<td class="nav1" align="center" style="padding: 10px 0px; font-family: arial,sans-serif; font-size: 14px; font-weight: bold; ">
<a href="#" style="text-decoration: none; color: #654308;">TRAINING</a>
</td>
</tr>
</table>
</td>
</tr>
由于这是一封电子邮件，我无法使用列表。我希望它们在浏览器中并排放置在移动设备中...建议？