html - Tables side by side won't work in Outlook -


i have created 2 tables sit side side email newsletter when viewed in outlook second table goes under first.

here jsfiddle.

html:

<div id="container">  <table id="table1">     <tr>         <th colspan="2">&nbsp;</th>     </tr>     <tr>         <td height="106" colspan="2">&nbsp;</td>     </tr>     <tr>         <td height="155">&nbsp;</td>         <td>&nbsp;</td>     </tr>     <tr>         <td height="114">&nbsp;</td>         <td>&nbsp;</td>     </tr> </table>  <table id="table2">     <tr>         <th colspan="2">&nbsp;</th>     </tr>     <tr>         <td colspan="2">&nbsp;</td>     </tr>     <tr>         <td height="236">&nbsp;</td>         <td>&nbsp;</td>     </tr>     <tr>         <td height="118">&nbsp;</td>         <td>&nbsp;</td>     </tr> </table>  </div> 

css:

#table1, #table2 {     border: 1px solid black;     float: left;     width: 350px; } #table2 {     float: right } #container {     width: 700px;     margin: 0 auto; } 

you can nest both tables within 2 cells of father table.

<table class="father">   <tr>     <td>         <table>...</table>     </td>     <td>         <table>...</table>     </td>   </tr> </table> 

Comments

Popular posts from this blog

c# - Send Image in Json : 400 Bad request -

jquery - Fancybox - apply a function to several elements -

An easy way to program an Android keyboard layout app -