title: CSS: how do I create a gap between rows in a table?
body: <p>Meaning making the resultant table look less like this:</p>
  
  <pre>
  [===ROW===]
  [===ROW===]
  [===ROW===]
  [===ROW===]
  </pre>
  
  <p>... and more like this:</p>
  
  <pre>
  [===ROW===]
  
  [===ROW===]
  
  [===ROW===]
  
  [===ROW===]
  </pre>
  
  <p>I tried adding </p>
  
  <pre><code>margin-bottom:1em;
  </code></pre>
  
  <p>to both <strong>td</strong> and <strong>tr</strong> but got nothing. Any ideas?</p>