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 x2+ e2= r2 ), 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 H2OH2ENTÃO4, 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> Teste agora