Vertically centering image in a div tag [duplicate]

Answer 1

Assuming you know the height of your image, position it absolutely with top: 50% and a top margin that is half the height of the image. So for a 100x100 image:

div.imgContainer
{
    position: relative;
}
div.imgContainer > img
{
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 50%;
    margin-left: -50px;
}