I am trying to replicate a superscript icon in text within a jquery ui button. I have tried several combos but everything screws up the button. It will align incorrectly within a buttonset().
css
.superscript{float: left; font-size:xx-small; vertical-align:top;}
.floatleft{ float: left;}
js
$("<a/>",{
href : "#",
html : '<span class="floatleft">x</span><span class="superscript">2</span>',
}).button();
Does anyone have any suggestions?
Why not just use the HTML
<sup>tag instead of a span?