title: HTML vertically align content of table cell when there's image inside
body: <p>Is there any way to make text vertically be aligned text <code>Hello World!</code> to middle of table cell without splitting into two cells?</p>
  
  <pre><code>&lt;table border="1"&gt;
      &lt;tr&gt;
          &lt;td valign="middle" style="vertical-align:middle;"&gt;
              Hello World! &lt;img src="https://www.google.com/images/srpr/logo3w.png" border="1" /&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/U4Qs4/" rel="nofollow">http://jsfiddle.net/U4Qs4/</a></p>