Pseudo: antes /: depois dos sprites

Ao usar sprites CSS com pseudoelementos, certifique-se de incluir estas linhas para garantir que o sprite apareça:

HTML:
<div class = “button”> ENERGIZE-SE! </div>

CSS:
.button: before {
content: “”;
padding-left: 30px;
}
.button: after {
content: “”;
padding-right: 30px;
}

Minha dica não usa float, mas sim preenchimento. Aqui está um bom artigo de pseudo sprites que usa float no pseudo elemento.
http://css-tricks.com/pseudo-spriting/

Tagged