title: Three divs in one row and fourth in the second row
body: <p>I need to have three divs in a row and fourth div displayed below these divs. 
  See the layout <a href="http://i.imgur.com/k3TFW6b.jpg" rel="nofollow">http://i.imgur.com/k3TFW6b.jpg</a> (just illustration)</p>
  
  <p>I've tried to use display block for the parent div mixed with display inline/inline-block for these three divs and some other settings but it always breaks first row and displays these divs in block.
  Do you have any idea how to fix this?</p>
  
  <p>Thanks.</p>