有什么办法可以将下标和上标添加到同一个元素吗？如果我做
Sample Text<sub>Sub</sub><sup>Sup</sup>
上标出现在下标之后.我有一个想法是做一些像：
<table>
<tr>
<td rowspan='2' valign='center'>Sample Text</td>
<td>Sup</td>
</tr>
<tr>
<td>Sub</td>
</tr>
</table>
似乎做这个工作,但是很丑陋.任何更好的想法？
谢谢！
解决方法
我不是CSS大师,但你可以尝试一些沿着
http://jsfiddle.net/TKxv8/1/的路线
有很多硬编码的价值观,对其他元素的影响可能只能在之后被发现,但它是一个很好的起点.
Sample Text
<span class='supsub'>
<sup class='superscript'>Sup</sup>
<sub class='subscript'>Sub</sub>
</span>
.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}
