Superscript not working in a web browser

Question

I'm doing some front end development and the craziest thing is happening. When I use the <sup></sup> tag, it is not functioning. No matter what I try to superscript it only displays correctly when viewed in a live setting in Dreamweaver but not in any browser. What am I missing? Is the tag deprecated?

Answer 1

I had the same issue. It was a CSS conflict. Skylar was close but I'll do you one better.

sup {font-size:xx-small; vertical-align:super;}

;-) ahhhh, works like a charm.

Answer 2

My guess is you might have reset the default styles on sup.

You can always reapply them:

sup {font-size:xx-small; vertical-align:top;}