How to make an image center (vertically & horizontally) inside a bigger div [duplicate]

Answer 1

You can center an image horizontally and vertically with the code below (works in IE/FF). It will put the top edge of the image at exactly 50% of the browser height, and the margin-top(pulling half the height of the image up) will center it perfectly.

    

        
 /* the number will be half the height of your image, so for example if the height is 500px then you will put 250px for the margin-top */