How to “crop” a rectangular image into a square with CSS?
Assuming they do not have to be in IMG tags… HTML: CSS: EDIT: If the div needs to link somewhere just adjust HTML and Styles like so: HTML: CSS: Note this could also be modified to be responsive, for example % widths and heights etc.