Centered Image

by Matthias

HTML

<div>
    <img src="http://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png" />
    </div>

CSS

div {
    position:relative;
    width:400px;
    height:300px;
    border: solid 1px #cccccc;
    top: 20px;
}

img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}