HTML交互式元素周期表项目中sup上标指数异常右移

sup标签样式里设置的left: 15px会强制把上标文本向右偏移15像素，是导致上标和前面字符脱节、位置不符合预期的直接原因。

• 删除原有sup样式中的left: 15px属性
• 上标仅需调整垂直位置即可，不需要额外水平偏移，修改后的可用CSS代码如下：

sup {
    font-size: 15px;
    position: relative;
    top: -0.5em;
}

如果不需要用相对定位，也可以用浏览器原生的上标对齐属性实现相同效果，代码更简洁：

sup {
    font-size: 0.7em;
    vertical-align: super;
}

注意：后续给上标做样式调整时，不要添加任何水平方向的left/right偏移属性，避免上标和前置字符出现不必要的间隙。

内容的提问来源于stack exchange，提问作者AugustinS