CSS: Nadpisano <sup> in podpisano <sub> besedilo

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

Komentiraj


*