html - 在 中垂直对齐图像旁边的文本

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/