Discussion :

[Coucou2000Express]

Bonjour,

Je ne connais pas le langage CSS (ni aucun autre langage).
Je suis en train de créer un site WordPress (avec Divi) et j'essaie d'ajouter du texte sur une image.

Je voudrais que mon texte se présente au format suivant (le tout centré sur la photo) :

BONJOUR

Voici mon offre
Blablabla

j'ai intégré le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
content:"BONJOUR";
position:absolute;
top:80%;
left:50%;
transform: translate(-50%,-50%);
font-size:30px;
line-height:20px;
text-align:center;
color:#fff;
width:80%;

Comment faire pour revenir à la ligne pour la suite de mon texte ("Voici mon offre, blablabla") ?

Merci de votre aide !

[Stellar7]

Proposition : avec retour à la ligne html ?

[Pytet]

Bonjour,

Avec \A et white-space :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
content: "BONJOUR \A Voici mon offre, \A blablabla";
white-space: pre-wrap;

[Doksuri]

essaye sinon text-wrap: balance; developer.mozilla.org/en-US/docs/Web/CSS/text-wrap