Vertical alignment 2

Vertical alignment und table(-cell) display mode

by Lucas Krause

HTML

<div class=a>
    <div class=b><div>hello</div></div>
    <div class=c><div>world</div></div>
</div>

CSS

.a {
    display:table;
    width:100%;
    /**/
    height:200px;
    /*/
    min-height:200px;
    /**/
    background:#eee;
    color:#fff;
}
.a > div {
    display:table-cell;
    vertical-align:middle;
}
.b {
    background:tomato;
    width:100px;
}
.c {
    background:royalblue;
    width:50px;
}