Comment aligner verticalement texte avec css et html

Problèmes avec l'alignement du texte peuvent causer des maux de tête quand on est la création de contenu web, que ce soit en utilisant le HTML, CSS ou les deux. Plusieurs méthodes peuvent être utilisées dans les deux langues web pour faire face à la question. Heureusement, en alignant verticalement texte est ni difficile ni compliqué.


Sommaire

Avec HTML

  1. Créer une table, en utilisant le

    balises.

  2. Créer des lignes au sein de la

    balises à l'aide balises.

  3. Créer des cellules au sein de la balises à l'aide balises.

  4. Insérez votre texte dans différentes cellules de la table. Le texte dans chaque cellule sera automatiquement aligné verticalement avec le texte dans les cellules correspondantes des autres lignes de la table. Si vous cherchez seulement pour aligner le texte sur la même ligne verticale, vous pouvez vous arrêter ici. Si vous cherchez à aligner le texte à une ligne supérieure, passez à l'étape 5.

  5. Placez le texte dans les balises. Cela doit être fait au sein de chaque cellule individuelle. Le "aligner" propriété peut alternativement être ajouté à la tag.

Avec CSS

  1. Faites défiler au code CSS de votre document dans le code source de votre document CSS (ou la tête de votre fichier HTML).

  2. Ajouter la "vertical-align" propriété pour les domaines qui touchent votre texte.

  3. Donner la valeur "haut" à la propriété.

» » » » Comment aligner verticalement texte avec css et html