indenter un paragraphe EN HTML – une façon Simple!

disons que vous commencez avec un bloc de texte comme celui-ci et que vous voulez le mettre en retrait des deux côtés:

c’est le texte que je veux mettre en retrait. Je veux créer une marge des deux côtés afin qu’elle ne fasse pas toute la largeur de la page. Ne me demandez pas pourquoi je veux faire ça. Je viens de faire!,

mettez simplement votre texte dans les balises<p> avec le balisage de style comme indiqué ci-dessous:

en conséquence, votre texte s’affichera comme ceci:

c’est le texte que je veux indenter. Je veux créer une marge des deux côtés afin qu’elle ne fasse pas toute la largeur de la page. Ne me demandez pas pourquoi je veux faire ça. Je viens de faire!

le code ci-dessus est juste une balise de paragraphe avec des marges Gauche et droite définies à 10%. Vous pouvez changer le pourcentage à n’importe quel nombre que vous souhaitez obtenir votre look désiré., Vous pouvez également utiliser un nombre de pixels au lieu de pourcentage pour définir les marges. Par exemple, vous pouvez le définir sur la marge gauche de 200 pixels et la marge droite de 50 pixels en utilisant ce code:

alors votre texte ressemblerait au paragraphe ci-dessous. Notez que la marge gauche est beaucoup plus grande puisque nous la définissons à 200px par opposition à 50px sur le côté droit:

c’est le texte que je veux indenter. Je veux créer une marge des deux côtés afin qu’elle ne fasse pas toute la largeur de la page. Ne me demandez pas pourquoi je veux faire ça. Je viens de faire!,

Il s’agit d’une méthode simple et rapide pour créer des paragraphes en retrait si vous n’avez que quelques paragraphes à indenter. Si vous formatez un site web entier avec de nombreuses pages de texte ou si vous prévoyez de modifier le formatage souvent, il peut être plus efficace d’utiliser les styles CSS comme décrit dans ce tutoriel à partir de htmlcodetutorial.com.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *