title: How to vertically align first lines of text in table cell?
body: <p>I have this situation where first table cell contains "name" and second cell some text. Text may have embedded images. When image appears on the first line it pushes down entire first line. It makes first text line to be no longer aligner with first cell text. I want to make first lines of both table cells aligned.</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td class="align"&gt;one&lt;/td&gt;
          &lt;td&gt;two &lt;img src="http://www.emofaces.com/en/emoticons/v/vampire-emoticon-before-lunch.gif" /&gt; three three three three three three three three three three three three three three three three three three three&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/gdx0qhcc/31/" rel="nofollow">http://jsfiddle.net/gdx0qhcc/31/</a></p>
  
  <p>In following fiddle goal is to align word "one" to word "two". I know i could vertical-align: top; on image, but it pulls text of second cell up and it looks bad therefore it is not an option. Any kind of solution would work really, be it css/javascript/webkit-only solution.</p>
  
  <p>EDIT:
  Note that height and width of image may vary. I also updated fiddle with image alignment being "middle". It does not change situation really.</p>
  
  <p>EDIT2:
  Final solution "hack" <a href="http://jsfiddle.net/Lqcx2vfg/" rel="nofollow">http://jsfiddle.net/Lqcx2vfg/</a>
  Thank you everyone</p>