title: How to justify 4 divs in one row
body: <p>I have HTML/CSS layout problem:</p>
  
  <p>I have 4 divs  with the same width and height. I want to "justify them" so thay should be place from one side to the other with the same spaces between them. In other word: suppose the A, B, C, D are divs and "|" means start/end of row. So I want receive following effect of 3 divs in one row:</p>
  
  <pre><code>|A    B    C    D|
  </code></pre>
  
  <p>How to do it. I was able to do it with 3 divs, but how to do it with 4 divs?</p>