Pseudo-éléments :before & :after

Salut, j'ai un paragraphe ( p ) auquel j'applique un background. J'aimerais avoir une image sur la gauche et une autre sur la droite de ce paragraphe.
Pour ce faire j'ai utilisé les pseudo-élements :before et :after comme indiqué ici.

Mon problème est que le background appliqué sur le parapgraphe est répété sur toute la ligne et que :after se calle juste après le texte et non à la fin de l'élément et on a donc pas l'impression d'un bloc puisque le background du paragraphe "dépasse". Connaissez-vous une solution ? Des exemples de code ?

Merci
Modifié par ds-network (06 Sep 2006 - 16:06)

Bonjour,

Un exemple visuel serait plus parlant... Juste en passant, as-tu donné une taille fixe à ton paragraphe, du moins en largeur?

Sa largeur doit être si possible variable.

Exemple

J'ai aussi essayé avec content: url(image.ext) mais le résultat n'est pas bien différent.

En ajoutant un span, j'ai un résultat plus correct.