JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <math>
        <mfrac bevelled="true">
            <mn>99</mn>
            <mn>100</mn>
        </mfrac>
    </math>
</div>
<div>
    <math>
        <mfrac linethickness="2">
            <mn>a</mn>
            <mn>b</mn>
        </mfrac>
    </math>
</div>

<div>
    <math>
        <mfrac> 
            <mi>numerator</mi>
            <mi>denominator</mi>
        </mfrac>
    </math>
</div>

CSS

div { margin:8px }