Alignement Vértical CSS
Comment créer un texte de base ou de puissance?
Comment créer un indice inférieur ou indice supérieur?
Explication
Propriété :
Alignement VérticalUsage:
vertical-align: baseline;
vertical-align: sub;
vertical-align: super;
vertical-align: 50%;
vertical-align: pt | px | cm;
Définition:
On peut décorer notre texte avec cette attribution. Pour créer un texte de base et de puissance.
Il se présente avec les valeurs suivantes.
a)baseline : Le texte apparaîtra normalement.
b)sub : Le texte apparaîtra comme indice inférieur. Il se mettra en bas/au dessous du texte normal.
c)super : Le texte apparaîtra comme indice supérieur. Il se mettra au dessus du texte normal.
d)% : La valeur peut être configurée en pourcentage comme 50%, etc...
e)pt | px | cm : Ces valeurs peuvent être configurées en points ou pixels ou en cm.
Exemple 1: Suivant un <font style="vertical-align: baseline;"> texte </font> Exemple.
Résultat:
Suivant un texte Exemple.
Exemple 2: Suivant un <font style="vertical-align: sub;"> Sous la ligne de texte</font> Exemple.
Résultat:
Suivant un Sous la ligne de texte Exemple.
Exemple 3: Suivant un <font style="vertical-align: super;">Super Line Texte </font> Exemple.
Résultat:
Suivant un Super Line Texte Exemple.
Exemple 4: Suivant un <font style="vertical-align: -10px;"> Pixel </font> Exemple.
Résultat:
Suivant un Pixel Exemple.
Remarque : Pour avoir un indice inférieur, on doit configurer des valeurs négatives. Cette règle s’applique au %, pt et cm. Avec l’exemple ci-dessus, on peut également utiliser les valeurs pt (points) ou cm (centimètres) ou %(pourcentage) au lieu de px.
A Note
CSS - Feuilles de style en cascade peut être utilisé avec les balises HTML, comme expliqué dans ce site. Cette simple CSS vous permettra de créer beaucoup plus élégant et soigné html des pages web. Cela ne nécessite pas de logiciels ou d'autres codages. Tous les navigateurs web sont capables de transmettre des codes CSS.
Note 2: Si nécessaire, vous pouvez à l'aide de <span> au lieu de <div> marques. div balise de début et de fin sur les nouvelles lignes. span ne dépassera pas la balise domaine.