title: Border-spacing inside only
body: <p>I need to be able to give space between the table-cell elements, but it also adds space on the sides of the table. How to remove that space on the sides? Here is the <a href="http://jsfiddle.net/aLa6G/1/" rel="nofollow">fiddle</a> . <code>&lt;table&gt;</code> tags can also be used for this, but the problem still stands</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
      &lt;div class="table"&gt;
          &lt;div class="cell"&gt;
          &lt;/div&gt;
          &lt;div class="cell"&gt;
          &lt;/div&gt;
          &lt;div class="cell"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="something-else"&gt;
          some other elements, table sides should align with this
      &lt;/div&gt;
  &lt;/div&gt;
  
  .wrapper {
      border: 1px solid green;
      padding: 5px;
  }
  .table {
      display: table;
      border-spacing: 15px 0;
      width: 100%;
  }
  .cell {
      display: table-cell;
      height: 50px;
      border: 1px solid blue;
  }
  .something-else {
      border: 1px solid red;
      margin-top: 10px; 
  }
  </code></pre>