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, 7 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.

Stig


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

Thanks, that's a great guide.

emmett, 7 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?

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098