Html – how to center background image added by image sprites
.social-media-icon{ display: inline-block; } .social-media-icon a{ text-decoration: none; display: block; text-indent: -9999px; border: 2px solid #c3d4e2; position: relative; height: 36px; width: 36px; background: url(/img/social-icons.png) ; background-repeat: no-repeat; background-position: 50%; } .social-media-icon a:hover{ background-color: #c3d4e2; } .fb-icon a{ background-position: 0 0…