Balise p qui saute à la ligne automatiquement après sauvegarde

Question

Bonjour Louis, j'essaye de mettre la balise p à la suite de la première balise comme tu le mentionnes dans la vidéo mais dès que je fais une sauvegarde la deuxième balise p va directement à la ligne elle ne reste pas collée à la première. Peux-tu me donner une solution à ce petit problème.
Merci

Louis-Nicolas Leuillet · Accepted Answer

Hello Patrick
C'est automatique et c'est dû à une mise à jour qui auto-indente le code : ne t'en fais pas

Patrick Rasteil · Answer

Merci pour la réponse, mais quand je veux faire comme tu nous dis, c’est-à-dire mettre les deux paragraphes côte à côte en leur mettant un width de 50% pour chacun, et avec dans le code :
* { box-sizing: border-box; }
p { display: inline-block; }
Cela ne se fait pas, donc j’ai mis un width de 49% pour que cela fonctionne.

Louis-Nicolas Leuillet · Answer

Le problème peut aussi venir des marges ;)

Rémi Morichon · Answer

Y a -il une technique pour que les long paragraphes se mettent à la ligne automatiquement sans que j'ai besoin de faire des touches entrée? Car j'ai un mac 13" et je dois défiler à droite et c'est illisible ou alors faire des tocuhe entrée.

Louis-Nicolas Leuillet · Answer

Hello Rémi, c'est normalement le comportement par défaut sur les paragraphes, ce qui me laisse penser que ton élément parent (la division

qui englobe ton / tes paragraphes) dépasse de plus de 100% de la largeur de ta page. Peux-tu me montrer ton code ?

Rémi Morichon · Answer

J'ai réussi à trouver dans visual studio code comment faire pour que ça revienne à la ligne en fonction de la largeur de la fenêtre 🙂

Rémi Morichon · Answer

Voici le bout de code que j'ai ajouté dans les paramètres JSON , si jamais cela peut aider d'autres personnes.
{
"workbench.iconTheme": "material-icon-theme",
"files.autoSave": "afterDelay",
"editor.minimap.enabled": false,
"editor.wordWrap": "on"
}

Louis-Nicolas Leuillet · Answer

Merci Rémi super intéressant !

Balise p qui saute à la ligne automatiquement après sauvegarde

Formation Apprendre HTML (legacy)