title: HTML: Cannot align image and text
body: <p>I have to build a signature, I made some test and it seems pretty okay in the browser.
  But not in Windows Live Mail and Outlook 2010, it seems they interpretated HTML different from each other.</p>
  
  <p>Here are some examples of my problem:</p>
  
  <p>GMail:
  <img src="https://i.stack.imgur.com/LLReX.jpg" alt="enter image description here"></p>
  
  <p>Outlook 2010:
  <img src="https://i.stack.imgur.com/2ZV7g.jpg" alt="enter image description here"></p>
  
  <p>Windows Live Mail:
  <img src="https://i.stack.imgur.com/OHvmc.jpg" alt="enter image description here"></p>
  
  <p>As you can see, I wasn't able to align the image (in Outlook and Windows Live Mail) with the text in the right to show as it should like in GMail image.</p>
  
  <p>This is my code :</p>
  
  <pre><code>&lt;hr&gt;
  &lt;p style="color: gray;"&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;a href="#"&gt; &lt;img src="file:///C:/images/logo.jpg" align="left" border="0"&gt; &lt;/a&gt;
          &lt;/td&gt;
  
          &lt;td&gt;
              &lt;b&gt;Valter Henrique&lt;/b&gt; &lt;br&gt;
              skype: valter_brain_set&lt;/br&gt;
              email: &lt;a href="#" style="text-decoration: none;color: #0056A2; ;"&gt;valter@brainset.com.br&lt;/a&gt;&lt;/br&gt;
              fones: &lt;b&gt;11. 2094 6999&lt;b&gt; | 15. 9122 1822 
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/p&gt;
  &lt;p style="padding-left:15px;"&gt;
      &lt;font size=2 style="color: gray;"&gt;
          &lt;a href="#" style="text-decoration: none;color: gray;"&gt;
              rua cel. irineu de castro, 188 - SP 
          &lt;/a&gt; 
          &lt;b&gt;11. 2094 6999 &lt;/b&gt; 
          &lt;a href="#" style="text-decoration: none;color: gray"&gt;
              brainset.com.br
          &lt;/a&gt;
      &lt;/font&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>It seems that each email reader interpret the HTML pretty different from each other.
  There's some way to fix this ?</p>