How can I use CSS to make a uniform underline within an anchor superscript text?

Question

I did not find any solution do this question: How can I use CSS to make a uniform underline within an anchor superscript text?

But it is solved on your "Ask Question" page, when we fill it. How did you do that

Example: February 17th, 2011 February 17^th, 2011

In Internet Explorer the th cause the underline to follow up; how can I make it consistent like it behave in Ms-Word, one continuous line even under the th.

The closest answer I found is not conclusive; the underline still breaks across the link which is what I'm trying to solve to. Superscript underline in IE
Even this one did not answer it but at lest give me reason to think out of the box:
Superscript in CSS only?

Thank you for your help!

Answer 1

Maybe a border-bottom: 1px solid black; would work? I'm not getting this style degradation in Safari/Chrome.

Also, try adding some padding: padding-bottom: 5px;. Maybe one of these would work.

Good luck?