Image align Middle Vertically and Horizontally

by Ganesh Salunkhe

HTML

<div class=frame>
    <span class="helper"></span>
    <img src="http://www.afew-store.com/js/vigoshop/ajaxcart/ajax-loader.gif" height=250 />
</div>

CSS

.frame {
    height: 125px;      
    width: 160px;
    border: 1px solid red;
    white-space: nowrap;
    text-align: center; margin: 1em 0;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

img {
    vertical-align: middle;
    max-height: 25px;
    max-width: 160px;
}