Html 如何使一行文本中的一个单词比其他单词高一点或低一点？

我想知道是否有办法使一行文字中的一个单词比其他单词高一点或低一点

但请允许我提出两个条件：

1） 我知道和标记（以及“垂直对齐：sub；”和“垂直对齐：sup；”样式），但它们不允许微调偏移

2） 这将是伟大的得到一个多行文字的解决方案

非常感谢

多亏了我找到了解决方案：

.higher{
    transform: translate(0, -5px);
}
.lower{
    transform: translate(0, 5px);
}

---

你不使用

transform:translateY

来代替所有这些flex和伪元素吗？

.higher{
    display: inline-flex;
    flex-direction: column;
}
.higher:after{
    content: "";
    height: 5px;
    width: 10px;
}

.higher{
    transform: translate(0, -5px);
}
.lower{
    transform: translate(0, 5px);
}