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