title: Positioning text inside HTML table with an image
body: <p>I need to have some text next to an image on an HTML page. So I figured a table was the best way to go...</p>
  
  <pre><code>&lt;table width="500px" &gt;
    &lt;tbody&gt;
       &lt;tr&gt;
          &lt;td align="left"&gt;
             &lt;p&gt;
                 &lt;b&gt;Isn't she hot??&lt;/b&gt;
             &lt;/p&gt;
          &lt;/td&gt;
          &lt;td align="right"&gt;  
              &lt;img width="150" height="150" src="http://pixel.nymag.com/imgs/daily/vulture/2015/11/25/25-jennifer-lawrence-directs.w529.h529.jpg" alt="" border="0"/&gt;  
          &lt;/td&gt;
         &lt;/tr&gt;
    &lt;/tbody&gt;
  </code></pre>
  
  <p></p>
  
  <p>Fiddle <a href="https://jsfiddle.net/abuMariam/rsnc9vjp/" rel="nofollow">https://jsfiddle.net/abuMariam/rsnc9vjp/</a></p>
  
  <p>Problem is what if I want to move that text all the way up or all the way down. I can't because the image width makes both td elements to be wide so I have no way to vertically position the text within its td.</p>
  
  <p>Can I still keep the table but still move the text up and down in its cell?</p>