Long division symbol (HTML and/or CSS)

css, html

Solution

<span style="border-right: 1px black solid; border-radius: 0px 0px 10px 0px">
    4 
</span>
<span style="border-top: 1px black solid; ">
    84 
</span>

Demo

Problem

I'm looking for a way to display the traditional long division symbol using HTML/CSS (kinda like what's shown here: http://barronstestprep.com/blog/wp-content/uploads/2013/04/longdiv1.png). This (http://www.fileformat.info/info/unicode/char/27cc/index.htm) is basically what I need, but I don't think many people would have the proper font installed on their computer to see it (I don't, at least). I've also tried this (below), but it doesn't display consistently on Chrome and FF... ``` 4<span style="text-decoration: overline;"><span style="font-size: 14px">)</span>84</span> ``` This should be displaying 84 ÷ 4 with the long division box. Ideas?

Original source