JSFiddle - React, Tailwind, and code Playground

by Jan Marthedal Rasmussen

HTML

M<span class="math-box"><!--
        --><span class="strut" style="height: 2.00744em; vertical-align: -0.686em;"></span><!--
        --><span class="vstack"><!--
            --><div style="top: 0.686em;">8</div><!--
            --><div style="top: -0.23em;"><span class="frac-line"></span></div><!--
            --><div style="top: -0.677em;">1234</div><!--
            --><span class="baseline-fix"></span><!--
        --></span><!--
 --></span>M

CSS

html {
    font-size: 400%;
}

.baseline-fix {
    display: inline-table;
    table-layout: fixed;
}
.vstack {
    display: inline-block;
    position: relative;
}
.vstack > div {
    position: relative;
    height: 0;
    text-align: center;
}
.vstack {
    border: 1px solid blue;
    display: inline-table;
    table-layout: fixed;
}