title: How to vertical center an image inside anchor inside div?
body: <p>Tried a lot already like, verticle-align and line-height, but without success. 
  This is what I have so far from trying suggestions from the internet, but as said before without success.</p>
  
  <pre><code>        &lt;div class="logo"&gt;
              &lt;a href="#"&gt;
                  &lt;img src="example.png" width="150" height="50"&gt;
              &lt;/a&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>        div.logo
          {
              height: 60px;
  
              margin-top: 0px;
  
              float:left;
  
              &gt; a
              {
                  height:60px;
  
                  line-height: 60px;
  
                  &gt; img
                  {
                      display:inline-block;
  
                      vertical-align: middle;
                      line-height: 60px;
  
                      float:left;
                  }
              }
          }
  </code></pre>
  
  <p>Already thanks in advance for the replies.</p>