Vertically and Horizontally Center Image inside a Div, if you don't know Image's Size?

Question

If I have a fixed sized container div, and an unknown sized image, how do I horizontally and vertically center it?

• using pure css
• using JQuery if css

Answer 1

You could use background-position for that.

#your_div {
    background-position: center center;
    background-image: url('your_image.png');
}