title: Keep space / padding between Divs
body: <p>How would I be able to keep the space between my inlined div elements without counting the space as 'pixels'? </p>
  
  <p>For example, currently i'm using margin-right (as my padding between my elements) but is eventually counting that as pixels (the result shows off ugly, see JsFiddle, div element gets pushed down).</p>
  
  <pre><code>#parent .child
  {
      position: relative;
      display: inline-block;
      height: 100%;
      width: 16.5%;
      background-color: green;
      margin-right: 15px;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/39r89drf/1/" rel="nofollow noreferrer">JsFiddle</a></p>
  
  <p>Basically, I just like to have the first item floaten left and the last item floaten right. Now I know many of you guys are thinking, why not just use the feature 'justify'? I've tried using it, but it isn't a really good option since the amount of elements can be everything (10, 5, 8, etc).</p>
  
  <p>Help would be appericiated!</p>
  
  <p>EDIT: This basically is the feature i'd like to achieve but for multiple elements (instead of having only 1 row, there could be 2-16 rows.
  <a href="https://i.stack.imgur.com/4nNte.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4nNte.jpg" alt="enter image description here"></a></p>