title: inline-block vertical alignment
body: <p>I know there are a number of ways to do this, but really looking for a good explanation of why vertical alignment does not work in this case:   </p>
  
  <p><a href="http://jsfiddle.net/jasonsnyc/zAg8g/1/" rel="nofollow">http://jsfiddle.net/jasonsnyc/zAg8g/1/</a></p>
  
  <p>What I am after is centering the images vertically without using floats, tables, or display:table-cell.</p>