Sunday, May 27, 2007

[code] Superscript and Subscript (That Look Good)

#bodyContent sup {
font-size: smaller;
vertical-align: baseline;
position: relative;
bottom: 0.33em;
}
#bodyContent sub {
font-size: smaller;
vertical-align: baseline;
position: relative;
bottom: -0.25em;
}

The source from Wikipedia talks about this as a way to fix the line-height issue on Safari and Opera, but on IE and Firefox produces a much softer and better looking superscript and subscript effect.