Here is a handy CSS centering technique I first noticed in the WordPress media library, where it is used to centre and crop irregularly sized thumbnails within a square container. The technique uses CSS3 transforms, so it works in all modern browsers, including IE9 and above. <div class="thumbnail"> <img src="landscape-img.jpg" alt="Image" /> </div> <div class="thumbnail"> <img src="portrait-img.j
![Center and crop thumbnails with CSS - Jonathan Nicol](https://cdn-ak-scissors.b.st-hatena.com/image/square/1d39c2af9fb5d35f46d78cc12e7c9c12e8842934/height=288;version=1;width=512/http%3A%2F%2Fjonathannicol.com%2Fcms%2Fwp-content%2Fuploads%2F2014%2F06%2Fcropped-thumbnails.png)