上标<sup>与下标<sub>

　　在编辑数学时经常需要用到上标与下标，<sup>和<sub>标签可以方便地使文字变成上标或下标。

    <p>X<sub>1</sub><sup>2</sup> + X<sub>2</sub><sup>3</sup> = Y<sup>2</sup></p>
    <p>Windows<sup>&reg;</sup>是微软公司<sup>①</sup>的产品</p>
    <hr/>
    <p>①微软公司即Microsoft Corporation</p>

也可以使用CSS中的vertical-align属性代替<sub>、<sup>实现脚本、尾注的效果

　　

CSS:
p.exp{
    text-indent : 50px; /*设置文本缩进*/
    font-size : 2.0em;  /*设置字体大小*/
}
span.power{
    vertical-align : super; /*设置垂直对齐方式，可选top、middle、bottom、sub、super*/
    font-size : 0.5em;
}
span.foot{
    vertical-align : sub; /*设置垂直对齐方式，可选top、middle、bottom、sub、super*/
    font-size : 0.5em;
}

html:
<p class="exp">X<span class="power">2</span> + Y<span class="foot">3</span> = 32</p>

效果：