长除法符号(HTML和/或CSS)

gti*_*flm 6 html css

我正在寻找一种使用HTML/CSS显示传统长除法符号的方法(有点像这里显示的那样:http://barronstestprep.com/blog/wp-content/uploads/2013/04/longdiv1.png).

这个(http://www.fileformat.info/info/unicode/char/27cc/index.htm)基本上就是我所需要的,但我不认为很多人会在他们的计算机上安装正确的字体来查看它(我不,至少).

我也尝试了这个(下面),但它并没有在Chrome和FF上一致显示...

4<span style="text-decoration: overline;"><span style="font-size: 14px">)</span>84</span>
Run Code Online (Sandbox Code Playgroud)

这应该用长除法框显示84÷4.

想法?

grm*_*mph 8

<span style="border-right: 1px black solid; border-radius: 0px 0px 10px 0px">
    4 
</span>
<span style="border-top: 1px black solid; ">
    84 
</span>
Run Code Online (Sandbox Code Playgroud)

演示