如何在HTML中将上标与主文本对齐

价格示例：

我想在价格中使用上标。如果价格是10美元和89美分，我希望89美分与上标的10美元对齐。当使用

时，上标被应用，但“89”部分更高，我希望。 如果你看一看图片，89的顶部必须与10的顶部对齐

---

给出

垂直对齐：顶部到您的
标签

<style>
.cents {
font-size: 70%;
position: relative;
bottom: 0.3em;
}
</style>
$100<span class=cents>89</span>

美分{
字体大小：70%；
位置：相对位置；
底部：0.3em；
}
$10089

与
标记或
垂直对齐
属性（请参见longish）相比，它在浏览器中的工作更可靠。选择
底部
值（适用于所选的
字体大小
）并不是一门精确的科学，因为其思想是随着数字高度的降低而向上移动元素，但这需要一些实验。
通常有效。但是，某些字体大小和字体可能会产生问题，特别是当您使用的字体不使用完整高度来呈现数字时。如果你的字体、大小等没有太大变化，这应该是一个足够好的解决方案。如果你对HTML5不严格，我可以给你一个跨浏览器的解决方案。这是另一个常见上标问题的完美解决方案-试图避免改变行高和弄乱其余文本/元素的位置：-）