title: Show image in a div with fixed width/height (100px)
body: <p>So i have a div that is 100px wide/high, in it i want to show an image (lets say the image is 200px in width/height).<br>
  The image should not be resized, the div should only show the center of the image (100px of it) and hide the rest.</p>
  
  <p>You can better see what i mean in the image below:<br>
  <a href="http://i.imgur.com/b8nbnO1.png" rel="nofollow">http://i.imgur.com/b8nbnO1.png</a>
  <br></p>
  
  <pre><code>&lt;div class="crop-image"&gt;
  &lt;a href="some link"&gt;&lt;img src="http://i.imgur.com/b8nbnO1.png" /&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And if the image is smaller than 100px apply a padding to the link of<br> 
  (100px - image width)/2 for padding left and right<br>
  (100px - image height)/2 for padding top and bottom</p>