html - 如何使用内联样式标签向左浮动？

Question

我有两张图片，我想把三个规则放在邮件中::

1. 我必须使用表格进行布局
2. 我必须使用内联样式
3. 不允许使用 JavaScript

这是问题所在。我希望一张图片向左浮动，另一张图片保持原位（请参阅JSFiddle）。

我尝试向td左侧的标签添加填充，但它会将右侧的图像推到不合适的位置。我怎样才能使“对比度”图像位于单元格的左侧而不是右侧？

<table>
   <tr>
      <td>
         <img height="50" src="http://www.reduxpictures.com/newsletter/stock_oct13/Contrasto.png" style="padding: 0 200px 0 0" width="174"/>
      </td>
      <td>
         <img class="logo" height="50" src="http://www.reduxpictures.com/newsletter/stock_oct13/Luz.png" width="174"/>
      </td>
   </tr>
</table>

Answer 1

我已经更新了 JSFiddle，我希望这是你需要的http://jsfiddle.net/bDBcD/3/

进行了以下更改，将表格宽度设为 100%，并将 text-align:left 设为 td。

<table width="100%">
  <tr>
     <td><img height="50" src="http://www.reduxpictures.com/newsletter/stock_oct13/Contrasto.png" style="padding: 0 0 0 0" width="174"/></td>
     <td style="text-align:left;"><img class="logo" height="50" src="http://www.reduxpictures.com/newsletter/stock_oct13/Luz.png" width="174"/></td>
  </tr>
</table>