HTML,CSS:匹配平方根符号的overbar

Question

HTML4和/或CSS中是否有一种方法可以执行以下操作,但之后正确:

√¯¯¯¯¯¯¯φ·(2π-γ)
    ↑ ←←←

如何将表达式移动到¯符号下方的左侧,使它们相互重叠？注意:它应该适用于每个字体大小.

谢谢!

_{(我当前的代码,谢谢马修·琼斯⁽⁺¹⁾的text-decoration: overline,缺乏尺寸的缩放和正确定位上划线.这就是为什么我编辑了这个问题,因为¯在大小和位置不匹配格鲁吉亚字体.)}

Answer 1

以下内容完全按照我想要的方式工作：

<div class="math">
    &radic;<span>&macr;&macr;&macr;&macr;</span><span style="margin-left: -2.39em; vertical-align: 0.1em;">x + 1</span>
</div>

（其中math定义了 afont-family: Georgia和font-size）

这适用于任何字体大小！:-)

示例： http: //jsbin.com/ihaba3