Vertical Align img in Div

vertical-align-img.txt

Version01
<div class="image-container">
  <img src="http://placehold.it/100x100" />
</div>
.image-container {
  width: 200px;
  display: flex;
  justify-content: center;
  }

Version2
<div class=frame>
    <span class="helper"></span><img src="http://jsfiddle.net/img/logo.png" height=250 />
</div>

/*css*/
.frame {
    height: 25px;      /* equals max image height */
    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 {
    background: #3A6F9A;
    vertical-align: middle;
    max-height: 25px;
    max-width: 160px;
}