It's a bird! It's a plane! It's...Superscripted!!!

How many times have you superscripted a registered trademark and had the Designer/Client/Project Manager complain that the trademark affects the line height spacing in a paragraph?

Not only that, but how tedious is it to have to code the same link in two places?

Tedium:
<a href="foo.htm">Acme</a>^&reg;<a href="foo.htm">Widget Co.</a>

Here's a nifty little snippet of CSS that will make superscripting a hassle-free, no fuss, breeze.

Shiny New code and CSS:
<a href="foo.htm">Acme^&reg; Widget Co.</a>

Code: Select all

sup
{
font-size:90%;
text-decoration:none;
vertical-align:text-top;
}

This makes the superscripted text 90% the size of the name, aligns it to the top of the line (but doesn't affect the line height) and best of all removes the underline from the link.

Easy cheesy!

Isn't that brilliant! Thanks!