如何确保html电子邮件中的facebook、twitter等图标之间有空格

<table>
  <tr>
    <td><img src="facebook.png" alt="Facebook"></td>
    <td>&nbsp;</td> <!-- 插入空白单元格 -->
    <td><img src="twitter.png" alt="Twitter"></td>
  </tr>
</table>

<style>
  .icon {
    margin-right: 10px; /* 右侧间隔为10像素 */
  }
</style>

<img src="facebook.png" alt="Facebook" class="icon">
<img src="twitter.png" alt="Twitter" class="icon">

<img src="facebook.png" alt="Facebook">&#32;
<img src="twitter.png" alt="Twitter">