Defus
Defus

Reputation: 829

Vertically align text next to an image in <td>

Hello I am making simple mailing and have a trouble.

I can't align text next to image in

<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>

I've created jsFiddle.

I can't use something like <td><img /></td><td>text</td>

Upvotes: 0

Views: 117

Answers (1)

user7582130
user7582130

Reputation:

Add vertical-align:middle; to your span. It's a small difference, but it works.

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

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

Upvotes: 2

Related Questions