title: Vertical Align Image inside Anchor
body: <p>I have a <code>&lt;ul&gt;</code> with two columns</p>
  
  <p>Code: </p>
  
  <pre><code>&lt;li class="clearfix"&gt;
  &lt;div class="product-copy"&gt;
   Product Content Here
  &lt;/div&gt;
  &lt;a href=""&gt;
      "PRODUCT IMAGE HERE"
  &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>The <code>.product-copy</code> expands to content in height, width is fixed. </p>
  
  <p>I want to be able to vertically align the image within the anchor to center. So no matter how large in height the <code>.product-copy</code> is, the image in the right column will always be centered.</p>
  
  <p>Please note that I am still a new user so couldn't type the proper image html within the anchor but there is a html image within the anchor.</p>
  
  <p>Any ideas?</p>
  
  <p>Thanks</p>