title: auto space between horizontal divs in CSS
body: <p>I've searched a lot but I was not lucky to find a solution to what I am after!</p>
  
  <p>Here is the issue: I've created a master div (width 100%) and within it there are several inner divs.  You can see it here: <a href="http://jsfiddle.net/EAkLb/1/">http://jsfiddle.net/EAkLb/1/</a></p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="section_zone"&gt;
      &lt;div class="box_frame" id="_15"&gt;inner box 1&lt;/div&gt;
      &lt;div class="box_frame" id="_15"&gt;inner box 2&lt;/div&gt;
      &lt;div class="box_frame" id="_15"&gt;inner box 3&lt;/div&gt;
      &lt;div class="box_frame" id="_15"&gt;inner box 4&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I am trying to accomplish is to auto the space-width between the inner divs.</p>
  
  <p>the first-child is aligned to left, and the last-child is aligned to the right, but as you can see, the space between the other divs is not the same.</p>
  
  <p>I hope the following demonstration image be helpful to explain what I am after exactly:</p>
  
  <p><img src="https://i.stack.imgur.com/bYxx8.gif" alt="demonstration image"></p>
  
  <p>Please Note: in the <a href="http://jsfiddle.net/EAkLb/1/">fiddle</a>, I've added 4 inner divs but, the solution I'm after should work no mater how many divs I have (e.g. 2, 3, 4, 5, ...etc) divs.</p>
  
  <p>Thanks in advance for your help.</p>