title: Controlling Spacing Between Table Cells
body: <p>I'm trying to create a table where each cell has a background color with white space between them. But I seem to be having trouble doing this.</p>
  <p>I tried setting <code>td</code> margins but it seems to have no effect.</p>
  <pre class="lang-css prettyprint-override"><code>table.myclass td {
      background-color: lime;
      margin: 12px 12px 12px 12px;
  }
  </code></pre>
  <p>If I do the same thing with <code>padding</code>, it works, but then I don't have the spacing between cells.</p>
  <p>Could someone help me with this?</p>
  <p>jsFiddle: <a href="http://jsfiddle.net/BfBSM/" rel="noreferrer">http://jsfiddle.net/BfBSM/</a></p>