Écrire un texte en CSS et y ajouter des espaces et des sauts de ligne

Attention, cet article date de 5 ans, les informations peuvent ne plus être à jour...

Il est tout à fait possible d’écrire un texte en CSS avec les pseudo-éléments “:before” et “:after”. Il suffit ensuite d’utiliser la propriété CSS “content: ‘ ‘” avec votre texte entre les guillemets simple.

Cependant, vous pouvez aussi y inclure des espaces supplémentaires et des sauts de ligne.
Pour cela, il faut utiliser le langage Unicode :
L’espace équivaut à \00a0
Le saut de ligne à \a

Pour que votre texte soit visible et ne déborde pas, il faudra attribuer les propriétés “white-space: pre-wrap;” et “display: block;” à votre pseudo-élément after ou before.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.

Possibilité d'ajouter une balise de SPOILER via la syntaxe suivante :
[spoiler] Texte à cacher [/spoiler]