Centering an image that is in an anchor tag

Question

I have an image in an anchor tag, and I need to center it.

I have managed to do so using this technique that I just came across messing about in the DOM inspector: http:

Answer 1

Demo Fiddle

Try:

#container{
    width: 600px;
    height:600px;
    background: red;
    display: table-cell; /* <-- allows use of vertical align */
    text-align:center; /* <-- horizontal centering */
    vertical-align:middle; /* <-- vertical centering */
}

Use the above and you wont need any more CSS for the img