Comment centrer du texte en HTML

Le choix du bon alignement pour vos éléments qui apparaissent sur le site Web est très important car cet alignement définit la structure globale d'une page Web. En ce qui concerne l'alignement du texte, les développeurs alignent souvent du texte sur le centre pour mettre en évidence le titre ou le cap d'une page Web ou d'un document. Si vous souhaitez apprendre à centrer un texte en HTML, vous êtes le bon endroit. Ici, nous avons résumé les moyens d'utiliser lesquels vous pouvez aligner votre texte pour centrer.

Comment centrer du texte en HTML

Il existe deux façons de centrer votre texte en HTML. Ces deux façons ont été discutées ci-dessous.

Comment centrer le texte à l'aide de la balise

Si vous souhaitez centrer votre texte, enveloppez simplement le texte souhaité dans la balise et le texte sera centré. Cependant, l'étiquette a été éliminée de HTML5 en faveur de l'utilisation de CSS au lieu de cela.

Html

Ce paragraphe n'est pas centré.

Ce paragraphe est centré.

Dans le code ci-dessus, nous avons cependant créé deux paragraphes pour représenter la différence entre l'alignement par défaut et l'alignement central du texte que nous avons enveloppé le texte du deuxième paragraphe dans la balise.

Sortir

Le texte a été centré à l'aide de la balise.

Comment centrer du texte à l'aide de l'attribut de style

La façon préférée de centrer un texte est en utilisant l'attribut de style qui donne un style en ligne à un élément particulier.

Html

Ce paragraphe n'est pas centré.

Ce paragraphe est centré.

Grâce à l'utilisation de l'attribut de style, nous définissons la propriété texte-aligne du deuxième paragraphe au centre. Il générera la sortie suivante.

Sortir

C'est ainsi que vous utilisez l'attribut de style au texte central dans HTML.

Cependant, si vous ne voulez pas utiliser CSS en ligne pour centrer votre texte, une autre façon de le faire est d'utiliser le CSS interne. Ici, nous avons montré comment c'est fait.

Html

Ce paragraphe n'est pas centré.

Ce paragraphe est centré.

Dans le code ci-dessus, comme nous voulons seulement centrer le deuxième paragraphe, nous nous attribuons d'abord un ID, puis en utilisant cet ID, nous définissons la propriété Text-Align pour centrer dans la balise dans la section. Ce code donnera également la même sortie.

Conclusion

Afin de centrer du texte en HTML, utilisez le Tag ou le attribut de style. Si vous utilisez la balise, placez simplement votre texte à l'intérieur de cette balise et il sera centré, en attendant, définissez la propriété Text-Align de l'attribut de style au centre pour centrer un texte à l'aide de l'attribut de style. Notez que la balise a été éliminée de HTML5 en faveur de l'utilisation de CSS.