title: How to vertical align images and texts
body: <p>I have a question regarding the vertical align issue </p>
  
  <p>I asked a question yesterday</p>
  
  <p><a href="https://stackoverflow.com/questions/19014938/how-to-vertical-align-my-images-and-texts">How to vertical align my images and texts</a></p>
  
  <p>but I have changed the codes and texts. The texts inside span has 2 lines of texts and I am not sure how to vertical align middle for image and texts.</p>
  
  <p>I have set <code>vertical-align</code> to <code>middle</code> on most of the element but still not working</p>
  
  <p>My jsfiddle</p>
  
  <p><a href="http://jsfiddle.net/wjPxS/4/" rel="nofollow noreferrer">http://jsfiddle.net/wjPxS/4/</a></p>
  
  <p>Can anyone help me about it? Thanks!</p>