/* 方法一：使用sup和sub标签 */
p {
font-size: 20px;
line-height: 1.5;
}
sup {
font-size: 12px;
}
sub {
font-size: 12px;
}这是一个普通的段落，这里是上标，这里是下标。
/* 方法二：使用vertical-align属性 */
p {
font-size: 20px;
line-height: 1.5;
}
sup,
sub {
font-size: 12px;
vertical-align: baseline;
position: relative;
top: -0.5em;
}这是一个普通的段落，这里是上标，这里是下标。
/* 方法三：使用transform属性 */
p {
font-size: 20px;
line-height: 1.5;
}
sup,
sub {
font-size: 12px;
transform: translateY(-0.5em);
}这是一个普通的段落，这里是上标，这里是下标。
通过这三种方法，大家可以轻松地实现上下标的效果，根据实际需要选择最合适的方式即可。