指数文本在非’；不需要（HTML）

我为一个项目获得了以下代码：

这是一个互动的周期表（化学），逻辑是：你点击一个元素（例如氢），它会显示一个包含信息的div

问题是信息div中的指数文本向右移动太多

重现问题：

转到代码笔（因为代码太长，无法在此处写入）

然后单击表中的«H»（氢）元素单元格

向下滚动，你会看到信息的div被紫色包围，里面是«Configurationéelectronique:»（我原来是法国人），exponant wich向右移动了很多

查看div代码： 向下滚动HTML代码到第190行，您将看到整个div

---

谢谢您的关注。

我想我有办法解决您的问题

我检查了

sup

，发现：

将CSS更改为：

sup{
字体大小：15px；
位置：相对位置；
左：5px；
}

哦，是的，当然，谢谢 你！我使用了位置…左边，因为表的上标（摩尔质量和一个数字），我忘了更改信息的div。这就是当你的代码是 龙，哈哈哈，我能理解你的处境！有时我的脑袋也会被你的程序弄糊涂；我也很高兴能帮助你。快乐编码！：奥古斯丁先生。下次确保至少添加一些代码，这样即使不访问链接，问题也可以理解。@Chic他的代码很长。他已经说过了

<div id="result1" class="divinfo">
    <p style="font-size: 35px;">Hydrogène</p>
    <p>Nombre de protons : 1</p>
    <p>Nombre de nucléons : 1</p>
    <p>Nombre de neutrons : 0</p>
    <p>Famille : Métaux alcalins</p>
    <p>Groupe : Non Métaux</p>
    <p class="elec">Électronégativité :</p>
    <p>Configuration électronique : 1s<sup>1</sup></p>
    <p class="tempfus">Température de fusion :</p>
    <p class="tempvap">Température de vaporisation :</p>
    <p>Bloc s</p>
    <p>Année de découverte : 1766</p>
</div>
<div id="result2" class="divinfo">
    <p style="font-size: 35px;">Hélium</p>
    <p>Nombre de protons : 2</p>
    <p>Nombre de nucléons : 4</p>
    <p>Nombre de neutrons : 2</p>
    <p>Famille : Gaz nobles</p>
    <p>Groupe : Non Métaux</p>
    <p class="elec">Électronégativité :</p>
    <p>Configuration électronique :</p>
    <p class="tempfus">Température de fusion :</p>
    <p class="tempvap">Température de vaporisation :</p>
    <p>Bloc s</p>
    <p>Année de découverte : 1895</p>
</div>

sup{
    font-size: 15px;
    position: relative;
    left: 15px;
}