Как выровнять нижний и верхний индексы (<sub> и <sup>) по одной линии
Если мы просто поочерёдно запишем соответствующие индексы с помощью <sub> и <sup>, то в результате верхний индекс будет на некотором расстоянии от обозначенного текста, то есть следом за нижним: X12. Исходный код:
X<sub>1</sub><sup>2</sup>Чтобы это исправить, добавим немного стилей:
sub + sup {
margin-left: -0.4em;
}
/* или */
sub + sup {
position: relative;
left: -0.4em;
}