В HTML има употреба на и тагове за определяне на долен и горен индекс на текста. Горният индекс се появява с по-малък шрифт и половината знак над нормалния ред. Обикновено се използва за писане на математически уравнения (като х²+ и²= r² ), бележки под линия и много други.

За разлика от горния индекс, текстът на долен индекс се появява с по-малък шрифт и половината знак под нормалния ред. Обикновено се използва за писане на химични уравнения или химични формули като з₂О, Х₂ТАКА₄, и т.н.

В CSS, вертикално подравняване собственост се използва за постигане на същото нещо. Можем да посочим горния и долния индекс на текста, като използваме и CSS. Това CSS свойство определя вертикалното подравняване на текста.

Сега нека видим как да постигнем горния и долния индекс с помощта на вертикално подравняване Имот.

Синтаксис

 vertical-align: baseline | super | sub ; 

Стойности на имотите

базова линия: Това е стойността по подразбиране, която подравнява текста спрямо основната линия на родителския елемент.

супер: Това е горният индекс, който повдига текста.

под: Долният индекс е този, който намалява текста.

Когато стойностите супер и суб на това свойство се прилагат, тогава текстът става горен или долен индекс.

Пример - горен индекс

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