vertical align

by lovromar

HTML

<div class="parent">
    <div class="child">
        <img src="http://comps.canstockphoto.com/can-stock-photo_csp2525879.jpg" />
    </div>
</div>

CSS

.parent {
    display:table;
    border:2px solid gray;
    height:400px;
    width:400px;
}

.child {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

.child img {
    border:2px solid red;
    width:200px;
}