În HTML, există utilizarea de și etichete pentru a defini textul indicele și indicele. Textul în indicele apare într-un font mai mic și jumătate de caracter deasupra liniei normale. Este, în general, folosit pentru a scrie ecuații matematice (cum ar fi X²+ și²= r² ), note de subsol și multe altele.

Spre deosebire de indicele, textul indicelui apare într-un font mai mic și jumătate de caracter sub linia normală. În general, este folosit pentru a scrie ecuații chimice sau formule chimice, cum ar fi H₂O, H₂ASA DE₄, etc.

În CSS, vertical-align proprietatea este folosită pentru a realiza același lucru. Putem specifica indicele și indicele textului folosind și CSS. Această proprietate CSS specifică alinierea verticală a textului.

Acum, să vedem cum să obținem indicele și indicele folosind vertical-align proprietate.

Sintaxă

 vertical-align: baseline | super | sub ; 

Valorile proprietăților

de bază: Este valoarea implicită care aliniază textul la linia de bază a elementului părinte.

super: Este suprascriptul care ridică textul.

sub: Este indicele care coboară textul.

Când valorile super și sub din această proprietate sunt aplicate, apoi textul devine superscript sau indice.

Exemplu - Superscript

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