在HTML中的字符串顶部添加插入符？

Question

有没有办法让我在HTML中的字符串上放一个插入符号？在LaTeX中，我会这样做：

\hat{mystring}

如何在HTML中获得相同的效果？

Answer 1

试试这个：

<p>&#94;string</p>

Answer 2

您可以使用::before伪元素来近似它。

您可能需要根据字体大小调整左calc：

＆＃13;

＆＃13;

.hat {
  position: relative;
  font: 16px verdana;
}

.hat::before {
  content: "^";
  position: absolute;
  font-size: 70%;
  top: -20%;
  left: calc(50% - 4px);
}

＆＃13;

<span class="hat">a</span>
<span class="hat">e</span>
<span class="hat">i</span>
<span class="hat">o</span>
<span class="hat">u</span>
<br><br>
<span class="hat">string</span>

＆＃13;

＆＃13;

＆＃13;