subscript and superscript for the same element

Question

Is there any way to add both subscript and and superscript to the same element? If I do

Sample TextSubSup
         


        

Answer 1

I'm no CSS guru but you could try something along the lines of http://jsfiddle.net/TKxv8/1/

There are a lot of hardcoded values and the effects on other elements around may only be found afterwards but it's a good place to start.

Sample Text 

    Sup
    Sub


.supsub {position: absolute}
.subscript {color: green; display:block; position:relative; left:2px; top: -5px}
.superscript {color: red; display:block; position:relative; left:2px; top: -5px}