title: padding-left inside a table
body: <p>I'm trying to build a newsletter which I've designed to be sent by email. I've now the problem that the text has no space to the images around it and I would like to change the <code>background-color</code> of the text field to grey just like:</p>
  
  <p><img src="https://i.stack.imgur.com/wLZVk.jpg" alt="enter image description here"></p>
  
  <p>If I'm giving it a new <code>td</code> is the whole code not working anymore could you help me please.</p>
  
  <p>Here is the complete code <a href="http://jsfiddle.net/8LfLR/" rel="nofollow noreferrer">jsfiddle</a></p>
  
  <pre><code>&lt;table width="600*" border="0" cellspacing="0" cellpadding="0" align="center"&gt;
      &lt;tr&gt;&lt;br&gt;
          &lt;td width="201" valign="top"  &gt;
              &lt;img src="images/angebot1.jpg" style="display: block;" border="0" width="201" height="394"/&gt;&lt;br /&gt;
              &lt;br /&gt;
          &lt;/td&gt;
  
          &lt;td width="291" valign="top"&gt;
              &lt;img src="images/angebotbild1.jpg" style="display: block;" border="0" width="335" height="150"/&gt;
              &lt;div style="margin-top: 3px;"&gt;&lt;/div&gt;
              &lt;font color="#778da7" face="Trebuchet, Arial, Verdana, Helvetica, sans-serif" size="2" style="font-size: 12px"&gt; the text &lt;/font&gt;&lt;br&gt;&lt;br&gt;
              &lt;a  href="#" alt="Book now" target="_blank" style="color:#cc1f2f; font-weight:bold; text-decoration:none;float:left"&gt;&lt;img src="images/button.jpg" width="335" height="60" style="display:block;" border="0" /&gt;&lt;/a&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>