Comment puis-je centrer du texte (horizontalement et verticalement) à l'intérieur d'un div

Sortir

Étape 2 : Accéder au conteneur div pour centrer le texte aligné

Maintenant, accédez au conteneur div à l'aide du ' identifiant 'nom d'attribut avec sélecteur' # ” et appliquez les propriétés CSS suivantes :

Ici:

• • ' largeur ” La propriété est utilisée pour définir la largeur du conteneur.
  • ' marge ” spécifie un espace vide à l'extérieur du conteneur.
  • ' rembourrage ' définit un espace à l'intérieur de la limite de l'élément.
  • ' arrière-plan ” définit la couleur d'arrière-plan à l'arrière de l'élément.
  • ' aligner le texte La propriété ' est utilisée pour définir l'alignement du texte sur ' centre ”.
  • ' couleur ” spécifie une couleur pour le texte à l'intérieur de la limite.

On peut observer que nous avons réussi à centrer le texte aligné horizontalement à l'intérieur de la div créée :

Comment centrer le texte verticalement à l'intérieur d'un div ?

Pour centrer le texte verticalement à l'intérieur d'un conteneur div, suivez les instructions fournies.

Étape 1 : Accéder au conteneur div

Tout d'abord, accédez au conteneur div créé.

Étape 2 : Appliquer les propriétés CSS pour centrer le texte verticalement

Ensuite, appliquez les propriétés CSS répertoriées ci-dessous pour centrer le texte verticalement dans un div :

Selon l'extrait de code ci-dessus :

• • Met le ' afficher ' qui spécifie le comportement d'affichage de l'élément comme ' cellule de table ”, ce qui signifie qu'il agit comme la cellule du tableau dans l'élément div.
  • ' largeur ” propriété spécifie la taille de la largeur de l'élément.
  • ' hauteur ” définit la hauteur de l'élément.
  • ' rembourrage ” définit un espace vide à l'intérieur de l'élément.
  • ' couleur ” est utilisé pour définir la couleur du texte à l'intérieur de l'élément.
  • ' Couleur de l'arrière plan ” spécifie la couleur de l'arrière de l'élément.
  • ' frontière ” propriété définit une limite sur un élément.
  • ' alignement vertical ” est utilisée pour définir l'alignement vertical d'un élément défini dans le “ milieu ”.

Sortir

Vous avez appris la procédure complète pour centrer le texte à l'intérieur du conteneur dans les deux sens, verticalement et horizontalement.

Conclusion

Pour centrer le texte verticalement et horizontalement à l'intérieur d'un div, commencez par créer un conteneur div à l'aide de l'élément