Rajouter du texte dans un élement via CSS

La propriété CSS content peut être utilisée avec les pseudo éléments :before et :after pour rajouter du texte avant ou après l'élement auquel elle est associée.

Code HTML :

<div id="mondiv">Cailloux !</div>

Code CSS :

#mondiv:before {
content: "Papier! ! ";
}

#mondiv:after{
content: " Ciseaux! ";
}

On aura à l'affichage : Papier! Cailloux! Ciseaux!