Rajouter une image en CSS avec la balise :before ou :after

Voici comment rajouter une image avant ou après un élément HTML, en utilisant les pseudo éléments CSS :before ou :after
Le code suivant va afficher l’image url(img/facebook.png)  avant le div d’identifiant mon_div

Code HTML :

<div class="mon_div"> Mon div </div>

Code CSS :

.mon_div:before{ 
  content:url(img/image.jpg) ;
  position:relative; 
  left:-3px;
  top:10px;
 }
.mon_div {background-color: #eaeaea;}