垂直对齐文字旁边的图像​​

Question

你好，我正在做简单的邮件，并有麻烦。

我不能在

<td width="433" style="color:#707177; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; width:433px;" valign="middle"> 
    <img alt="email" src="https://cdn3.iconfinder.com/data/icons/streamline-icon-set-free-pack/48/Streamline-18-128.png" height="15" width="15" style="vertical-align:middle;"> 
    <span style="color:#707177;font-size:14px;">000 000 000</span> 
</td> 

我创建jsFiddle对准旁边的图像文本。

我不能使用类似<td><img /></td><td>text</td>

Answer 1

添加vertical-align:middle;到您的跨度。这是一个小的差异，但它的工作原理。

<span class="feed" style="color:#707177;font-size:14px;vertical-align:middle;">000 000 000</span> 

https://jsfiddle.net/8va7zLdn/1/