title: Place tables next to each other without using 'float'
body: <p>I am trying to find out a solution of adding tables next to each other without using 'float:left;'. I am using the code for an email template and 'float' doesn't work on Outlook and some other email clients.</p>
  
  <p>I have tried everything I could think of, searched the forum and all over the web but I am unable to find a solution.</p>
  
  <p>Here's the code I am using:</p>
  
  <pre><code>&lt;table width="155" height="155" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" class="main-content" style="float:left;margin-bottom:20px;"&gt;
    &lt;tbody&gt;
        &lt;tr&gt;         
           &lt;td&gt;&lt;img style="border:0;" align="none" height="113" width="166" src="&lt;?php echo $post_thumbnail ?&gt;"  /&gt;&lt;/td&gt;
           &lt;td bgcolor="#f4f4f4" width="35" style="color:#f4f4f4;"&gt;T&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;        
       &lt;td style="font-family:arial;font-size:13px;font-weight:bold !important;line-height:17px;padding:10px 10px 0;"&gt;&lt;strong&gt;Text&lt;/strong&gt;&lt;/td&gt;
       &lt;td bgcolor="#f4f4f4" width="35" style="color:#f4f4f4;"&gt;T&lt;/td&gt;
        &lt;/tr&gt;
  
        &lt;tr&gt;        
      &lt;td width="155" style="color: #666;font-size:13px;padding:0 10px 15px;"&gt;  
          &lt;a style="background-color:#ac0003; color:#ffffff; border:1px solid #660b0e;cursor: pointer; display: block; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin: 0 auto;margin-top:10px;padding: 2px 11px;;text-decoration:none;color:#ffffff; font-weight:bold;text-align:center;text-decoration:none;" href="&lt;?php echo $post-&gt;guid ?&gt;"&gt;Text&lt;/a&gt;
       &lt;/td&gt;
       &lt;td bgcolor="#f4f4f4" width="35" style="color:#f4f4f4;"&gt;T&lt;/td&gt;
        &lt;/tr&gt;
  
  
        &lt;/tbody&gt;
  
  &lt;/table&gt;
  </code></pre>
  
  <p>Help!</p>