title: Equivalent to float in Outlook
body: <p>I am trying to <code>float: left</code> some tables, but just encountered a major problem, outlook doesn't support float. Well, then I tried to use table align and so forth, but without luck. The tables just show up, under each other, instead of beside each other. Anything one can do about this?</p>
  
  <p>PS: it works on other devices just fine, its only Outlook, and I can't give each table a td, since it will break some other stuff.</p>
  
  <p>markup:</p>
  
  <pre><code>&lt;table class="products"&gt;
     &lt;tr&gt;
        &lt;td align="left" class="test"&gt;
           &lt;!-- Product 1  --&gt;
           &lt;table align="center"&gt;
              &lt;tr&gt;
                 &lt;td class="product"&gt;
                    &lt;a href="#"&gt;
                       &lt;img src="#"/&gt;
                    &lt;/a&gt;
                 &lt;/td&gt;
              &lt;/tr&gt;
           &lt;/table&gt;
           &lt;!-- Product 2  --&gt;
           &lt;table align="center"&gt;
              &lt;tr&gt;
                 &lt;td class="product"&gt;
                    &lt;a href="#"&gt;
                       &lt;img src="#"/&gt;
                    &lt;/a&gt;
                 &lt;/td&gt;
              &lt;/tr&gt;
           &lt;/table&gt;
           &lt;!-- Product 3 --&gt;
           &lt;table align="center"&gt;
              &lt;tr&gt;
                 &lt;td class="product"&gt;
                    &lt;a href="#"&gt;
                       &lt;img src="#"/&gt;
                    &lt;/a&gt;
                 &lt;/td&gt;
              &lt;/tr&gt;
           &lt;/table&gt;
           &lt;span class="clear"&gt;&lt;/span&gt;    
        &lt;/td&gt;
     &lt;/tr&gt;
   &lt;/table&gt;
  </code></pre>