How to horizontal & vertical center a div? [duplicate]

Answer 1

I guess you want a div to align vertical and horizontal center have dynamic height and width in all browsers.

jSfiddle

HTML

    

        
My Content 
 Goes here
    
           

CSS

.main {
    border: 1px solid #f00;
    height: 400px;
    width: 400px;
    position: relative
}
.contentWrapper {
    display: table;
    width: 100%;
    height: 100%;
    *height: auto;
    *position: absolute;
    *top: 50%;
}
.content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    *position: relative;
    *top: -50%;
}