Question

I found my tuts about centering image horizontally and vertically . But it is not working .
my code are

#parent {
    position : relative;
    float : left;
    width : 700px;
    height : 400px;
    overflow : hidden;
    background-color: black;
}


#parent img {
    max-height :400px;
    max-width : 700px;
}

The height and width of image is dynamic.

Answer 1

Write like this:

#parent {
    position : relative;
    float : left;
    width : 700px;
    height : 400px;
    overflow : hidden;
    background-color: black;
    text-align:center;
    line-height:400px;
}


#parent img {
    vertical-align:middle;
}

Check this http://tinkerbin.com/XYKUzvXu

UPDATED

Check this http://tinkerbin.com/GL4GaNfo