When it comes to rendering SUBSCRIPT or SUPERSCRIPT there is often discourse. What is the correct manner? There is a couple of ways to skin this cat, the first is to use the <sub> for subscript and <sup> for superscript. Alternatively it can be done using CSS. Which is right for you? I believe it comes down to the information being portrayed, it is often the case that the value to be sub/sup-ed is attempting to convey some information itself and is not simply for visual purposes. If your need is primarily aesthetic then the css outlined below will be sufficient but still would be overkill; especially if it is the case that these styles are used to display ordinals. Both of these approaches should be avoided for mathematical notation unless abolutely necessary.
I believe if you want to sub/super-script something you should use the tag provided. This is because you would need to wrap the value in a span etc to style it with CSS if you are going to go to that effort then you might as well save the CSS and just use the purposed tags. Further more with the continued support in the HTML5 standard they will not be deprecated anytime soon and as such will not cause your HTML to become obsolete.
This is for the unconverted CSS people.
font-size: xx-small; vertical-align: text-top;
I hope this was helpful, if you have any questions leave a comment or email support[@]tomred.net
