title: Inline alignment of divs (side-by-side) with a little space in between
body: <p>I'm going to put 4 divs in a 100% width container side-by-side.</p>
  
  <p>I saw <a href="https://stackoverflow.com/questions/5765848/efficient-way-to-align-divs-side-by-side">this question</a> and it was useful.</p>
  
  <p>But my problem is that while using that solution, divs are stick to each other, but I need a little margin/space among them.</p>
  
  <p>For example support a child div like this:</p>
  
  <pre><code>&lt;div class="introwrapper" 
       style="width:25%;height:100%; float:left; margin-left:5px;"&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>Actually, I want to make these 4 divs placed side-by-side and make a space of 5 pixels between them, for the rest of the space remaining, make their width equal and the make the sum of widths of all these 4 divs and all 3 5px margins 100%.</p>
  
  <p>How can I make this type of alignment?</p>