电子邮件：图像和文本对齐问题

Question

需要以正确的中心对齐方式显示“图像”和“文本”，但是“图像对齐”似乎在交叉客户端中中断。好像现在，不在寻找基于表的解决方案，请在下面的DOM中进行引用。

案例1：

<span style="display:block;">
  <img src="#" style="display:inline-block; vertical-align:middle;"/>
  <a href="#" target="_blank" style="display:inline-block; vertical-align:middle; font-size:14px; line-height:normal;">text here</a>
</span>

情况：2

<span style="display:block;">
  <img src="#" style="display:inline-block; vertical-align:middle;"/>
  <span style="display:inline-block; vertical-align:middle; font-size:14px; line-height:normal;">text here</span>
</span>

情况：3

<table>
 <tr>
   <td>
     <img src="#" style="display:inline-block; vertical-align:middle;"/>
   </td>
   <td>
     <span style="display:inline-block; vertical-align:middle; font-size:14px; line-height:normal;">text here</span>
   </td>
 </tr>
</table>