Vertical align floating images the easy way

style.css

.image-container {
 height: 200px; /* can be whatever */   
}

.image-container:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.image-container img {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}