Em HTML, existe o uso de e tags para definir o texto subscrito e sobrescrito. O texto sobrescrito aparece em uma fonte menor e com meio caractere acima da linha normal. Geralmente é usado para escrever equações matemáticas (como x²+ e²= r² ), notas de rodapé e muito mais.

Ao contrário do sobrescrito, o texto subscrito aparece em uma fonte menor e com meio caractere abaixo da linha normal. Geralmente é usado para escrever equações químicas ou fórmulas químicas, como H₂OH₂ENTÃO₄, etc.

Em CSS, o alinhamento vertical propriedade é usada para alcançar a mesma coisa. Também podemos especificar o sobrescrito e o subscrito do texto usando CSS. Esta propriedade CSS especifica o alinhamento vertical do texto.

Agora, vamos ver como obter o sobrescrito e o subscrito usando o alinhamento vertical propriedade.

Sintaxe

 vertical-align: baseline | super | sub ; 

Valores de propriedade

linha de base: É o valor padrão que alinha o texto à linha de base do elemento pai.

super: É o sobrescrito que eleva o texto.

sub: É o subscrito que rebaixa o texto.

Quando os valores super e sub desta propriedade são aplicados, então o texto se torna sobrescrito ou subscrito.

Exemplo - Sobrescrito

 #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>