title: Why is a div with "display: table-cell;" not affected by margin?
body: <p>I have <code>div</code> elements next to each other with <code>display: table-cell;</code>.</p>
  
  <p>I want to set <code>margin</code> between them, but <code>margin: 5px</code> has no effect. Why?</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;div style="display: table-cell; margin: 5px; background-color: red;"&gt;1&lt;/div&gt;
  &lt;div style="display: table-cell; margin: 5px; background-color: green;"&gt;1&lt;/div&gt;
  </code></pre>