title: 100% table width for html email
body: <p>I am building an HTML email campaign using Mailchimp and my own HTML. I have heard that to build a successful HTML email you must focus on using tables, and use inline CSS. I have removed all padding from my styles and added in 0 measure to margin, padding, border and outline tags. Any suggestions guys? Really stuck with this.</p>
  
  <pre><code>&lt;body style="background:blue; margin:0; padding:0; border:0; outline:0;"&gt;
  
  &lt;div id="wrap" style="background:green; width:100%;"&gt;
  
  &lt;table width="100%"&gt;
  &lt;tr&gt;
    &lt;td style="
        width:100%; margin:0; padding:0; border:0; outline:0;
        height:100px;
        background:#4b86fc;
        background-size:60px 60px;
        "&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;table width="500" align="center"&gt;
  &lt;tr&gt;
    &lt;td style="
        padding:20px 0px 25px 0px;
        color:#000; font-family:Verdana, Geneva, sans-serif;
        font-weight:100; font-size:12px;"&gt;
        &lt;p&gt;Hi,&lt;/p&gt;
  &lt;p&gt;Lorem ipsum dolor sit amet.&lt;/p&gt;
  &lt;p&gt;Many Thanks, 
  Liam&lt;/p&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;table width="100%"&gt;
  &lt;tr&gt;
    &lt;td style="
        width:100%; margin:0; padding:0; border:0; outline:0;
        background-color:#ebebeb;
        background:#ebebeb;
        border-top:1px solid #c3c3c3;
        font-family:Verdana, Geneva, sans-serif;
        font-weight:100; font-size:11px;
        text-align:center;"&gt;
          &lt;ul style="list-style-type:none; margin:0; padding:0;"&gt;
          &lt;li style="display:inline; padding:0 8px 0 0;"&gt;&lt;a href="" style="text-decoration: none;     color:#545454;"&gt;Homepage&lt;/a&gt;&lt;/li&gt;
          &lt;li style="display:inline; padding:0 8px 0 0;"&gt;&lt;a href="" style="text-decoration: none;     color:#545454;"&gt;Twitter&lt;/a&gt;&lt;/li&gt;
          &lt;li style="display:inline; padding:0 8px 0 0;"&gt;&lt;a href="" style="text-decoration: none;     color:#545454;"&gt;Dribbble&lt;/a&gt;&lt;/li&gt;
          &lt;li style="display:inline; padding:0 0 0 8px;"&gt;&lt;a href="" style="text-decoration: none;     color:#545454;"&gt;Facebook&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;/div&gt;
  
  &lt;/body&gt;
  </code></pre>