Div Vertical ALign

by Roberto Apasajja

HTML

<div class="parent">
    <div class="child">
        Test
    </div>
    <div class="child">
        Test Test Test <br/> Test Test Test
    </div>
    <div class="child">
    <div class="zzzz">sdsd</div>
    </div>
<div>

CSS

.parent{
    background:red
}
.child{
  height:500px;
    display:table-cell;
    vertical-align:middle;
    background:pink
}
.zzzz{
  background:blue
}