CSS: Placing divs left/center/right inside header

Question

I\'ve been trying to create a site with the following structure:

But I can\'t seem to get the header correct (e1 left, e2 centered, e3 right). I want the three

Answer 1

You need to give the divs in your header a width, and float header-e3 left.

Note: They all have the same CSS properties, so just give them the same class like .headerDivs and then you don't have repeating code

Edit: here is a working jsfiddle: http://jsfiddle.net/eNDPG/