TM Superscript Problem in Web-Based Browsers

In my style sheet I have included styling for the <sup> (superscript) tag, as the normal <sup> styling for my TM (trademark) letters was too big.

This works fine in my Mac Mail application, but when I view the e-mail in Yahoo or GMail, the TM symbol appears to the bottom right of the word, as opposed to the top right of the word (where it should be).

Here is the CSS I use:

sup {
    vertical-align: baseline;
    font-size: 0.5em;
    position: relative;
    top: -0.5em;

I would be grateful for any advice. Thanks!

Stig Stig, 8 years ago

Hi emmett,

the position and top CSS properties are not supported by most web email clients.

Have a look at our guide for more.


The Campaign Monitor Blog – HTML email smarts to go with your good looks.
emmett, 8 years ago

Thanks, that's a great guide.

emmett, 8 years ago

I have now tried just using:

sup {
    font-size: 0.5em;

and this seems to work for gmail, but not for my Mac Mail application. The TM still appears way too big. Is there anything else I can do to resize the TM so that it appears the same in each e-mail client?

See why 200,000 companies worldwide love Campaign Monitor.

From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line.

Get started for free