div vertical align middle

by m v

HTML

<div class="parent">
    <div class="child">
        ABC
    </div>
</div>

CSS

.parent{
    border: solid 1px black;
    width: 300px;
    height: 200px;
    position: relative;
}
.child{
    border: solid 1px red;
    width: 100px;
    height:150px;
    position: absolute;
    margin: auto;
    top: 0; left: 0; bottom: 0; right: 0;
}