É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]