JSFiddle - React, Tailwind, and code Playground

HTML

<table style="margin-top:0.5em; margin-bottom:0.5em; text-align: center;" align="center" cellpadding="0" cellspacing="0">
    <tbody><tr>
        <td style="/* border-top:solid 1px black; */" nowrap="nowrap">
            &nbsp;<i>x</i><sup>2</sup> + <i>y</i><sup>2</sup>
        </td>
    </tr><tr>
        <td style="border-top:solid 1px black;" align="center">
            5
        </td>
    </tr>
</tbody></table>