title: vertical-align: middle / 2 images
body: <p>I'm struggling trying to find a way to vertically align two images on two different columns
  but I don't know how to do it.</p>
  
  <p>Here the css of the two columns:</p>
  
  <pre><code>.left {
  width: 50%;
  height: 100%;
  float: left;
  text-align: center;
  }
  
  .right {
  width: 50%;
  height: 100%;
  float: left;
  text-align: center;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/6o6zwqLb/" rel="nofollow">http://jsfiddle.net/6o6zwqLb/</a></p>
  
  <p>I guess it should be pretty simple.</p>