title: How to align image and text vertically within TD element?
body: <pre><code>&lt;td&gt;
  &lt;img src="http://blog.garethjmsaunders.co.uk/wp-content/feed-icon-16x16.gif"/&gt;
   My feed
   &lt;/td&gt;
  </code></pre>
  
  <p>This is how it looks like:</p>
  
  <p>
  <a href="https://i.stack.imgur.com/tnWYq.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tnWYq.gif" alt=""></a><br>
  <sub>(source: <a href="http://blog.garethjmsaunders.co.uk/wp-content/feed-icon-16x16.gif" rel="nofollow noreferrer">garethjmsaunders.co.uk</a>)</sub><br>
   My feed
  </p>
  
  <p>The icon and the text is misalligned vertically. The icon is on the top of the table cell, the text is on the bottom. Both the text and the icon occupy 16 pixel but the cell still eats up 19. How can I align them to save those 3 pixels?</p>