title: display: table-cell margins
body: <p>I have 2 divs as <code>display: table-cell</code>. I need a space between them.</p>
  
  <p><code>margin-left: 5px</code> for the second div does not work.</p>
  
  <p><strong>I already saw</strong> the <a href="https://stackoverflow.com/questions/16398823/why-is-a-div-with-display-table-cell-not-affected-by-margin">Why is a div with &quot;display: table-cell;&quot; not affected by margin?</a> answer, but my question is not about how to have a border <strong><em>around a cell</em></strong>, but a LEFT MARGIN (and not padding!) for a concrete cell (the right one)</p>
  
  <p><img src="https://i.stack.imgur.com/qewzy.jpg" alt="enter image description here"></p>
  
  <p>setting the green div as </p>
  
  <pre><code>display: table;
  border-collapse: separate;
  border-spacing: 10px;
  </code></pre>
  
  <p>makes the space not only <strong>between</strong> cells, but also all around cells, that is NOK...</p>
  
  <p>How to proceed?</p>
  
  <p>JSFiddle: <a href="http://jsfiddle.net/9cw7rhpu/" rel="nofollow noreferrer">http://jsfiddle.net/9cw7rhpu/</a></p>