Illustration

Mais comme je donne beaucoup d'astuces (sic !), je trouve cette opération répétitive un peu pénible, sans compter que cela alourdit le poids de la page.
C'est là que les CSS prennent le relais.

Pour automatiser l'inclusion de l'image et, soyons fainéant jusqu'au bout, le point d'exclamation, j'inscris donc cela dans ma feuille de style :

Code CSS

.astuce {
 color:red;
 font-weight:bold;
 background-color:transparent;
 }
.astuce:before {
 content:url(images/light_bulb__exclamation.png)
 }
.astuce:after {
 content:" ! "
 }

Notez bien que les caractères à faire apparaître (ici le point d'exclamation), doivent être entre guillemets.