Code HTML pour modifier la largeur d'un paragraphe

Avec la balise <p> en HTML, spécifiez la largeur du paragraphe en valeurs absolues ou en pourcentage via un élément CSS, puis appliquez-le à un ou plusieurs paragraphes. Exemple : entre les balises <head> : <style> p.narrow { width: 300px; } p.wide { width: 700px; } </style> et entre <body> : <p class="narrow">Paragraphe étroit</p> <p class="wide">Paragraphe large jusqu'à 700px</p>.

Pour appliquer une largeur unique à tous les paragraphes : p { width: 500px; }

Exprimer la largeur en pourcentage

En pourcentage, la largeur s'applique à l'objet parent. Exemple :

<div style="width: 700px;"> <p class="narrow">Texte étroit</p> </div>

La balise <div> fixe la largeur à 700px et la classe .narrow à 30 %. Mais les 30 % s'appliquent aux 700px, pas à la largeur totale du document : largeur absolue = 700px × 0,3 = 210px.