垂直對齊文字旁邊的圖像​​

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/