title: Vertical align image inside an anchor with CSS
body: <p>I would like to vertical align an image inside an anchor element like this:</p>
  
  <pre><code>&lt;ul class="thumbnails"&gt;
      &lt;li class="span2"&gt; 
          &lt;a href="#" class="thumbnail"&gt;
             &lt;img src="http://www.forodefotos.com/attachments/barcos/17639d1298388532-barcos-vapor-antiguos-barcos-antiguos-vapor-mercantes.jpg" style="max-height: 150px"&gt;
          &lt;/a&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I have read many posts but none of them works for me. I´m also using a Bootstrap thumbnails class, I don´t know if this is related and it´s the reason it doesn't work.</p>
  
  <p>I have read I can do it setting a line-height but something is wrong.</p>
  
  <p>Please see a simple plunker.</p>
  
  <p><a href="http://plnkr.co/edit/DsQ80oEiHFn4ma4qfNW8">http://plnkr.co/edit/DsQ80oEiHFn4ma4qfNW8</a></p>
  
  <p><strong>UPDATE:</strong>
  I have updated the plunker. Text vertical align is working ok, but it still doesn´t work for images.</p>