How to center a DIV

Posted on July 3, 2009 by Chris Backhouse

  • Blog Subjects

    • Another one of those useful bits of information that I can never remember, so post it here to help myself (and maybe others!).

    #Wrapper {
    width: 800px;
    position: relative;
    left: 50%;
    margin-left: -400px; /* half the width of the div */
    }

    personally, I prefer a fixed width content pane and so this is the cleanest solution for me.