HTML中的渲染箭头

Question

我目前有以下HTML：

<span class="HyperEditor ReadOnlyEditor">Game 1 of the Book of Why
$X \rightarrow A \rightarrow Y$ 
              $\searrow B$ 
</span>

它将在我的浏览器中呈现以下内容：

相反，我想要以下内容：

是否有任何库可以帮助我完成所需的工作：

Answer 1

您可以将html实体用于箭头，如以下位置所示：https://www.toptal.com/designers/htmlarrows/，并且通过一些样式设计，您将能够获得所需的效果。

<span class="HyperEditor ReadOnlyEditor">Game 1 of the Book of Why
$X &#8594; A &#8594; Y  &#8600; B 
</span>