如何在html中的任意位置流动文本

我希望文本位于箭头顶部，如下图所示：

箭头的html实体是

⟶

你能帮帮我吗

这是我尝试过的，但我希望如图所示，arrow也是这个
⟶实体


.text{
位置：相对位置；
底部：-10px；
}
MnO2
⟶在这里，这将适用于您



.文本{
位置：相对位置；
底部：-10px；
左：12px
}
.阿罗{
变换：比例（4,2）；
变换原点：左；
}
二氧化锰
⟶；
您可以调整箭头的字体大小，也可以将箭头字符的宽度稍微缩放e。G给它的父div类似的东西

display:inline-block;
-webkit-transform:scale(3.0,1.0);
-moz-transform:scale(3.0, 1.0);
-ms-transform:scale(3.0, 1.0);
-o-transform:scale(3.0, 1.0);
transform:scale(3.0,1.0);

可能会把你的箭头扭曲成丑陋的形状。如果您想要从文本到箭头的精确比率，则必须为箭头使用适当的图像。
查看。它可以让你轻松地写出化学方程式


window.MathJax={
特克斯：{
扩展：[“mhchem.js”]
},
tex2jax：{
inlineMath：[
['$', '$'],
["\\(", "\\)"]
]
}
};
.MathJax\u CHTML{
字体大小：30px！重要；
}

$\xrightarrow{\text{$\ce{MnO2}$}$



$\ce{A->[catalyst]B}$
发布您的代码，请阅读此@BarLevin，我不知道，所以我问，我的问题出了什么问题？请你提一下好吗？把你的代码贴出来，告诉我们你做了什么。我们来这里不是为了给你“做”东西，也不是给你教程。你需要从解释你迄今为止所做的尝试开始。并至少显示您目前为止对此内容的基本HTML结构。@BarLevin，对此我很抱歉：（我已经添加了我尝试过的内容。它没有正确对齐，如图所示：）（对于文本，我应该怎么做？对不起，我不明白你的问题。你知道我如何将用word编写的方程式免费转换为MathJax的语言吗？