En HTML, on utilise et balises pour définir le texte en indice et en exposant. Le texte en exposant apparaît dans une police plus petite et le demi-caractère au-dessus de la ligne normale. Il est généralement utilisé pour écrire des équations mathématiques (comme X²+ et²=r² ), notes de bas de page et bien d’autres.

Contrairement à l'exposant, le texte en indice apparaît dans une police plus petite et le demi-caractère en dessous de la ligne normale. Il est généralement utilisé pour écrire des équations chimiques ou des formules chimiques telles que H₂OH₂DONC₄, etc.

En CSS, le aligner verticalement la propriété est utilisée pour réaliser la même chose. Nous pouvons également spécifier l'exposant et l'indice du texte en utilisant CSS. Cette propriété CSS spécifie l'alignement vertical du texte.

Voyons maintenant comment obtenir l'exposant et l'indice en utilisant le aligner verticalement propriété.

Syntaxe

 vertical-align: baseline | super | sub ; 

Valeurs des propriétés

ligne de base : Il s'agit de la valeur par défaut qui aligne le texte sur la ligne de base de l'élément parent.

super: C'est l'exposant qui fait monter le texte.

sous: C'est l'indice qui abaisse le texte.

Quand les valeurs super et sous de cette propriété sont appliqués, alors le texte devient exposant ou indice.

Exemple - Exposant

 #super{ vertical-align:super; font-size: medium; } p{ font-weight: bold; font-size: 20px; } <p> Its common examples are chemical equations. </p> <h3> Chemical formula of Water is: H<span id="sub">2</span>O</h3> <h3> Ch emical formula of Sulphuric acid is: H<span id="sub">2</span>SO<span id="sub">4</span></h3>