Vertically align an image inside div

vertically-align-image

/*
Source  http://stackoverflow.com/a/7310398
        http://jsfiddle.net/kizu/4RPFa/74/
*/


.frame {
    height: 25px;      /* equals max image height */
    width: 160px;
    border: 1px solid red;
    
    text-align: center; margin: 1em 0;
}

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

img {
    background: #3A6F9A;
    vertical-align: middle;
    max-height: 25px;
    max-width: 160px;
}