Yesterday at Litmus Live I did a short hack session about building emails without <table>s that work in Outlook.

You can read full details on the REBEL blog but the short version is if you use this code you can create a basic single column layout without tables.

<div style="background:red;max-width:600px;margin:0 auto;text-align:center;  
  <!-- Content -->

However there are a few issues;

  • There is a think blue outline
  • I can't nest sections
  • I've not tried background images yet
  • I still need <table> for multi column layouts inside the container

I need your help

I want to colaborate on this with other email geeks to try and solve all these issues so wwe can all start building emails without useing <table>s