.autoframe { float: left; width: 125px; height: 125px; padding: 0px; margin: 5px; border: 1px solid #cccccc; text-align: center; vertical-align: middle; }
.autofram img { margin:auto; }
<style> .item { float: left; border: 1px solid #ccc; padding: 10px; margin: 10px; } .item a { display: block; height: 80px; width : 80px; background-position: center center; background-repeat: no-repeat; } </style> <body> <div class="item"><a href="#" style="background-image: url(/sImages/head.jpg);"></a></div> <div class="item"><a href="#" style="background-image: url(/sImages/head.jpg);"></a></div> </body>