title: Link padding HTML email
body: <p>I have table with this markup:</p>
  
  <pre><code>&lt;tr id="main_nav"&gt;
      &lt;td style="width: 100%" colspan="2"&gt;
          &lt;a&gt;Link1&lt;/a&gt;
          &lt;a&gt;Link2&lt;/a&gt;
          &lt;a&gt;Link3&lt;/a&gt;                            
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>I need to set padding to these links, but I can't make it to work...
  CSS:</p>
  
  <pre><code>#main_nav a {
      color: #fff;
      font-weight: bold;  
      padding-left: 1em;
  }
  </code></pre>
  
  <p>What I've tried: wrap link into p tag, span tag, add css display block, display table, add style with padding to link.
  Can not wrap each link in <code>&lt;td&gt;</code> tag!</p>
  
  <p><strong>Edit:</strong> Tried margin instead of padding, no luck.</p>