CSS znački <sup> in <sub> uporabljamo za nadpisano oz. podpisano besedilo. Uporaba omenjenih znač pa ob standardni uporabi pri večji količini besedila “uniči” razmike med vrsticami. V izogib omenjeni težavi pa je potrebno osnovno nastavitev CSS značk <sup> in <sub> nadgraditi.
CSS koda za <sup> in <sub>:
sub, sup {
font-size: 75%; /* pomanjšamo nadpisano in podpisano besedilo */
line-height: 0; /* Višino vrstice nastavimo na 0 */
position: relative; /* Značkama <sup> in <sub> dodelimo relativno postavitev glede na besedilo */
vertical-align: baseline; /* Poravnava besedila na rob. */
}
sup {
top: -0.5em; /* Nadpisano besedilo pomaknemo nižje. */
}
sub {
bottom: -0.25em; /* Podpisano besedilo pomaknemo višje. */
}
Vir: CSS for <sup> and <sub> https://gist.github.com/unruthless/413930