Comment centrer le texte dans HTML (avec photos)

Thisteache vous comment centrer texte dans un site Web HTML à l`aide de feuilles de style en cascade (CSS). Centrage en HTML utilisé pour être effectué avec la balise, mais cette étiquette est maintenant considérée comme obsolète et ne fonctionne plus dans la plupart des navigateurs.

Pas

Méthode 1 de 2:

Utiliser CSS

1. Ouvrez le fichier contenant vos styles CSS. Bien que la balise soit obsolète, vous pouvez créer un nouvel élément à ajouter à n`importe quelle partie d`une page pour centrer le texte dans ses limites. Si vous n`avez pas de fichier séparé pour votre CSS, vous trouverez les styles en haut du fichier HTML entre le"" Mots clés.

Si vous n`avez pas déjà ni tags, ajoutez-les directement ci-dessous en haut du fichier comme celui-ci:

2. Créer une classe qui centre du texte. le

La balise indiquera à votre document HTML de faire référence à une section spécifiée de texte. Vous créez donc une classe pour cette balise. Tapez les éléments suivants dans l`espace entre le "style" Tags, en veillant à appuyer sur ↵ Entrez deux fois après la première ligne:

diviser.une {}

3. Ajouter le text-aligner propriété. Taper Text-Align: Centre- dans l`espace entre les deux supports bouclés dans le diviser.une section. L`en-tête devrait maintenant ressembler à ceci:

4. Ajouter le bon diviser tag to tmeau qui devrait être centré. Vous le ferez en plaçant le

tag au-dessus du texte que vous voulez centrer et fermer avec un

tag sous le texte que vous voulez centrer. Par exemple, pour centrer une en-tête et son texte de paragraphe, vous entreriez les suivants:

5. Utilisez le diviser.une Tag au centre d`autres zones. Pour centrer un autre élément (e.g., contenu entre les étiquettes comme et), type

avant l`article, et

après ça. Puisque tu as déjà "diviser.une" spécifié comme la commande de centrage, cela créera le texte comme il l`a fait auparavant:

6. Revoir votre document. Bien que le contenu varie, votre document devrait ressembler à ceci comme suit:

Méthode 2 sur 2:

Utilisation de la balise centrale dans HTML

1. Ouvrez votre document HTML. Cette méthode explique comment utiliser la balise HTML, qui est maintenant obsolète. En décembre 2018, cette balise peut toujours fonctionner dans certains navigateurs Web, cependant, il n`est pas conseillé de s`appuyer sur cette balise à long terme.

2. Trouver le texte que vous voulez centrer. Faites défiler jusqu`à ce que vous trouviez l`en-tête, le paragraphe ou tout autre texte que vous souhaitez centrer.

3. Ajouter le "centre" tag à chaque côté du texte. La balise centrale est dans le format texte où "texte" est votre texte. Si votre texte a des balises sur elle (e.g., "" pour le texte du paragraphe), le "centre" Les balises peuvent sortir des balises existantes:

4. Passez en revue votre document HTML. Votre document devrait ressembler à quelque chose comme ceci:

Comment centrer le texte en html

Pas