title: Vertically centering a responsive image
body: <p>I got a image that should always fill the available space like this:
  <a href="https://jsfiddle.net/0236osj6/" rel="nofollow">https://jsfiddle.net/0236osj6/</a></p>
  
  <p>Is it possible to center this image - in addition to its existing behaviours - vertically with CSS? I already tried some things with tables but doesn't come to an working solution:</p>
  
  <pre><code>#imagedetails_image table {
      width: 100%;
      height: 100%;
      text-align: center;
  }
  </code></pre>
  
  <p>Problem was that the table doesn't accept the 100% height.</p>