title: Center container of left floated divs
body: <p>Although a lot of questions are about similar issues, they always want all items centered (which of course can be done using <code>display:inline-block</code>), however I need the last line of items to be neatly floated left and only center the container (which is located in a variable container (the body) itself).</p>
  
  <p><img src="https://i.stack.imgur.com/bWsWY.png" alt="Floated divs"></p>
  
  <p>The problem is that no matter what <code>display</code> and <code>clear</code> I set for the container, it never takes the width of the containing floated elements. I am seriously tempted to think that this should be incredibly simple, but I can't figure out how to get it working.</p>
  
  <p><a href="http://jsfiddle.net/h9H8w/4/" rel="nofollow noreferrer">Here is a basic fiddle</a> to play around with.</p>