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.
Contenu
L’utilisation de la
Une façon de centrer le texte est de l’inclure dans
de l’entreprise. L’encadré suivant en donne un exemple.
L’insertion de ce texte dans le code HTML donnerait le résultat suivant :
Centrer ce texte !
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é.
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!
