A little dab'll do ya
Code Snippets
Exactly Center an Image/Div Horizontally and Vertically
.center {
width: 300px;
height: 300px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -150px;
margin-top: -150px;
}Negative margins are exactly half the height and width, which pull the element back into perfect center. Only works with elements of a fixed height/width.
This doesn’t work on IE…
I’d use display:inline-block for that. Works much better (dynamic vertical and horizontal dimersions for both container and content).
So, what do I do with the HTML?
Excellent, thank you. No troubles here.. works well in IE, FF, etc.