title: Vertically align text next to an image in <td>
body: <p>Hello I am making simple mailing and have a trouble.</p>
  
  <p>I can't align text next to image in </p>
  
  <pre><code>&lt;td width="433" style="color:#707177; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:left; width:433px;" valign="middle"&gt;
    &lt;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;"&gt;
    &lt;span style="color:#707177;font-size:14px;"&gt;000 000 000&lt;/span&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>I've created <a href="https://jsfiddle.net/8va7zLdn/" rel="nofollow noreferrer">jsFiddle</a>.</p>
  
  <p>I can't use something like <code>&lt;td&gt;&lt;img /&gt;&lt;/td&gt;&lt;td&gt;text&lt;/td&gt;</code></p>