title: Spacing/padding from table border and narrower rows
body: <p>How do I add spacing/padding/margin from the table border?</p>
  
  <p>I would want a narrower spacing between the table rows and more spacing/padding from the table border itself like:</p>
  
  <pre><code>&lt;table /*inner margin/padding = 50px */&gt;
  &lt;tr /* margin = 2px */&gt;&lt;td&gt;Hello&lt;/td&gt;&lt;/tr&gt;
  &lt;tr /* margin = 2px */&gt;&lt;td&gt;Hello&lt;/td&gt;&lt;/tr&gt;
  &lt;tr /* margin = 2px */&gt;&lt;td&gt;Hello&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>When I do:</p>
  
  <pre><code> table border-collapse:separate; border-spacing: 10px;
  </code></pre>
  
  <p>The whole rows and the padding from the border increases. I want the padding between rows much narrower than the padding from the table borders. In other words I would want the outer padding increase, not the inner rows padding.</p>