It's an arguably minor problem that can cause major headaches, especially when a client or designer is resolute about having the entire page, text included, look exactly like the mock-up. But fortunately, there is a fix! Mzajac of Wikipedia explains how to force the
<sup> element down ever so slightly, using relative positioning and the oft-overlooked vertical-align: baseline.
1. Nice trick, but there is an easier way:
sup
{
vertical-align: top;
}
Posted at 3:09PM on Jun 16th 2006 by Aidan Black