HTML et web design

Comment centrer le texte en HTML

Mise à jour : 06/10/2020 par Lojiciels.com

Pour centrer le texte en HTML, vous pouvez utiliser le

ou utiliser une propriété CSS. Pour procéder, sélectionnez l’option que vous préférez et suivez les instructions.

L’utilisation de la

tags

Une façon de centrer le texte est de l’inclure dans

de l’entreprise. L’encadré suivant en donne un exemple.

Center this text!

L’insertion de ce texte dans le code HTML donnerait le résultat suivant :

Centrer ce texte !

NoteLe

est désormais considérée comme obsolète. Bien qu’elle puisse encore fonctionner, on s’attend à ce qu’elle soit supprimée au profit de l’utilisation du CSS. Nous vous recommandons d’utiliser la méthode de la feuille de style (illustrée ci-dessous) pour centrer le texte en HTML.

Utilisation d’une propriété de feuille de style

Vous pouvez centrer le texte avec le CSS en spécifiant le text-align propriété de l’élément à centrer.

Centrer quelques blocs de texte

Si vous n’avez qu’un ou quelques blocs de texte à centrer, ajoutez l’attribut style à la balise d’ouverture de l’élément et utilisez la propriété « text-align ». Dans l’exemple ci-dessous, nous les avons ajoutés à la balise

tag.

Center this text!


Notez que la valeur de la propriété « text-align » est fixée à « center » pour indiquer que l’élément doit être centré.

A lire  Comment ajouter des images à un site web HTML

Plusieurs blocs de texte

Si vous avez plusieurs blocs de texte à centrer, utilisez le CSS à l’intérieur

dans la section de tête ou dans une feuille de style externe. Voir l’exemple de code ci-dessous pour savoir comment définir tout le texte à l’intérieur de la balise

à centrer.


Le texte de chaque série de

est centrée sur la page. Si vous souhaitez que certains paragraphes soient centrés, alors que d’autres ne le sont pas, vous pouvez créer une classe de style, comme le montre le code ci-dessous.


Si vous créez une classe centrale, comme dans l’exemple ci-dessus, un paragraphe peut être centré en utilisant le code ci-dessous, qui « appelle » la classe centrale.

Center this text!


ConseilUne fois qu’une classe est créée, elle peut être appliquée à n’importe quelle balise HTML. Par exemple, si vous souhaitez que le titre soit centré, vous pouvez ajouter class= »center » à la

ou une autre balise de titre.

Afficher plus
Bouton retour en haut de la page

Adblock détecté

Veuillez désactiver votre bloqueur de publicités pour pouvoir visualiser le contenu de la page. Merci