Vertical alignment

Vertical alignment und table(-cell) display mode

by Lucas Krause

HTML

<div></div>

CSS

html {
    display:table;
    width:100%;
    /** /
    height:100%;
    /*/
    min-height:100%;
    /**/
    background-color:#666;
}
body {
    display:table-cell;
    vertical-align:middle;
    background-color:#eee;
}
div {
    background:tomato;
    width:100px;
    height:100px;
    margin:0 auto;
}