Html 我如何在下面写上下标和上标?

Html 我如何在下面写上下标和上标?,html,css,Html,Css,我正在尝试创建这样的东西,两个数字相互重叠(下标和上标): 不使用像MathJax这样的复杂脚本,这是可能的吗? 22086Rn 优点:无桌设计 缺点:您需要根据字符(即数字)匹配左边距。我会选择围绕这两个字符的容器元素,显示为内联表: .supsubcainer{ 显示:内联表; 垂直对齐:中间对齐; } .supsubcainer sup、.supsubcainer sub{ 显示:表格行; } 220 86 Rn当然可以,但需要一些html标记,即将每个单词放入span标记中,可以吗

我正在尝试创建这样的东西,两个数字相互重叠(下标和上标):

不使用像MathJax这样的复杂脚本,这是可能的吗?

22086Rn
优点:无桌设计
缺点:您需要根据字符(即数字)匹配左边距。

我会选择围绕这两个字符的容器元素,显示为内联表:

.supsubcainer{
显示:内联表;
垂直对齐:中间对齐;
}
.supsubcainer sup、.supsubcainer sub{
显示:表格行;
}

220 86 Rn

当然可以,但需要一些html标记,即将每个单词放入span标记中,可以吗?与图像中的工作方式不同。它们只是分开,但不是在一个“列”中。仍然不明白,你能建议一个标记吗,比如22086Rn,我想。好吧,一开始会有帮助,是的。但我对这个结果并不满意。我想让潜艇直接在潜艇下面,这有帮助吗?我想了想,但当数字变大时,我就不工作了。这就是他所说的缺点。是的。您的餐桌解决方案非常完美。我投了我的票。杰作+1让我嫉妒。这也很棒!非常感谢:)
<sup>220</sup><sub style="margin-left:-15px">86</sub><span style="margin-left:3px;">Rn</span>