title: html tables & inline styles
body: <p>I don't have a lot of experience with HTML tables and in-line CSS, but I'm trying to create an HTML email signature. Ideally, I'd like to have a small image on the left, text in the center, and a larger logo on the right, with a line of text centered below everything.</p>
  
  <p>I have the basic content in, however I've tried to align everything with floats which don't seem to be working. What's the best way to have everything lined up in order horizontally?</p>
  
  <p><a href="http://jsfiddle.net/BcZp6/" rel="nofollow noreferrer">jsfiddle</a></p>
  
  <pre><code>&lt;br /&gt;
  &lt;meta name="format-detection" content="telephone=no"&gt;
  &lt;table width='600' id="sig" cellspacing='0' cellpadding='0' border-spacing='0' style="margin:0;padding:0;"&gt;
  &lt;tr&gt;
  &lt;td width="47" style="float:left;width:47px;margin:0;padding:0;"&gt;
  &lt;a href='http://example.com' style="border:none;text-decoration:none;"&gt;&lt;img src="http://lorempixel.com/47/43/" alt="First Last" style="border:none;width:47px;"&gt;&lt;/a&gt;
  &lt;/td&gt;
  
  &lt;td width="10" style="width:10px;"&gt;&amp;nbsp;&lt;/td&gt;  
  
  &lt;td valign='top' style="margin:0;padding:0;"&gt;
  &lt;table id="sig2" cellspacing='0' cellpadding='0' border-spacing='0' style="float:left;padding:0;margin:0;font-family:'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;font-size:13px;color:#D31145;border-collapse:collapse;-webkit-text-size-adjust:none;"&gt;
  &lt;tr style="margin:0;padding:0;color:#000104;"&gt;
  &lt;td style="margin:0;padding-left:8px;font-family:'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;font-size:16px;white-space:nowrap;"&gt;&lt;a style="border:none;text-decoration:none;color:#D31145;" href="mailto:email@example.com"&gt;FIRST LAST&lt;/a&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr style="margin:0;padding:0;color:#000104;"&gt;
  &lt;td style="margin:0;padding-left:8px;font-family:'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;font-size:16px;white-space:nowrap;"&gt;
  &lt;span style="border:none;text-decoration:none;color:#000104;"&gt;REALTOR | P &lt;a style="border:none;text-decoration:none;color:#000104;" href="tel:1111111111"&gt;111.111.1111&lt;/a&gt;&lt;/span&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;td width="177" style="float:right;width:177px;margin:0;padding:0;"&gt;
  &lt;a href='http://example.com' style="border:none;text-decoration:none;"&gt;&lt;img src="http://lorempixel.com/177/54/" alt="ZOPA Realty Group" style="border:none;width:177px;"&gt;&lt;/a&gt;
  &lt;/td&gt;
  &lt;/table&gt;
  
  &lt;table width='600' id="sig" cellspacing='0' cellpadding='0' border-spacing='0' style="margin:-15 0 0 60;padding:0;"&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;span style="margin:0;padding-left:8px;font-size:7px;font-family:'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;color:#000104;white-space:nowrap;"&gt;BRE xxxxxxxx | Broker BRE xxxxxxxx. In association with Keller Williams.  Each Keller Williams Realty office is independently owned and operated.&lt;/span&gt;&lt;/td&gt;
  
  &lt;br /&gt;
  &amp;nbsp;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/HFcdG.png" alt="example"></p>