centering a div between one that's floated right and one that's floated left

Question

I have a page in which a header consists of three divs - one that\'s floated to the left, one that\'s floated to the right, and one that\'s in between them. I\'d like for th

Answer 1

Indeed, the important part is that the centered div come after the left and right divs in the markup. Check out this example, it uses margin-left: auto and margin-right: auto on the centered div, which causes it to be centered.

    



    

        left
    

    

        right
    

    

        mid
    

Here's a JS Bin to test: http://jsbin.com/agewes/1/edit