Html Img Vertical Alignment

Hello,

I have just bumped into an interesting problem about centering an image vertically in html.
Thanks to 6 Methods For Vertical Centering With CSS for coming up various solutions. Just used the Line-Height method.



.img-wrapper
{

line-height: 200px; // for me, this value is bigger than the image height
}



.img-wrapper img
{

vertical-align:middle;
}



Hope this helps,