Î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 X2+ și2= r2 ), 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 H2O, H2ASA DE4, 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> Testează-l acum