img vertical align middle

img vertical align middle

by m v

HTML

<div class="parent">
    <a href="#" class="child">
        <img src="http://icons.iconarchive.com/icons/danleech/simple/64/facebook-icon.png" />
    </a>
</div>

CSS

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