Center image

Center an image inside of a div by using margins.

by Jon Fuller

HTML

<div id="over" style="position:absolute; width:100%; height:100%">
	<img src="http://www.garcard.com/images/garcard_symbol.png">
</div>

CSS

body {
	margin: 0;
}

#over img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}