title: divs side by side with space between
body: <p>Why is it so difficult to have two divs side by side with little space between them?</p>
  
  <p>I have tried </p>
  
  <pre><code>  &lt;div style="height: 160px; width: 100%; box-sizing:border-box; display:table;"&gt;
  
              &lt;div class="introwrapper" style="height:100%;    width:25%;display:table-cell;background: pink;box-sizing: border-box;"&gt;First      Div&lt;/div&gt;
  &lt;div style="width:5%;"&gt;
   &lt;/div&gt;
             &lt;div class="introwrapper" style="height:100%; width:25%;display:table-cell; background: blue; box-sizing: border-box;"&gt;second div&lt;/div&gt;
  
          &lt;/div&gt;
  </code></pre>
  
  <p>But I cannot get a space between.
  Its been all over SO and other blogs but none has right solution. </p>