JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta name="generator" content=
"HTML Tidy for Windows (vers 15 August 2007), see www.w3.org">
<title></title>
<style>
p{ float:left; margin:0; padding:0.2em 1em; border-bottom:1pt solid #999; }
</style>
</head>
<body>
<p>
<img alt="Mathematical symbol" src="https://support.content.office.net/en-US/media/ba09e099-e62a-42cf-b950-7802105154ec.gif">
<br>
…
<p>
<img alt="Mathematical symbol" src="https://support.content.office.net/en-US/media/dd3499c9-9003-44d4-a9f5-dd599041922f.gif">
<br>
\above
<p>
<img alt="Mathematical symbol" src="https://support.content.office.net/en-US/media/1defb0d6-f50c-4176-a288-b461e9653222.gif">
<br>
\aleph
<p>
<img alt="Mathematical symbol" src="https://support.content.office.net/en-US/media/524a7e27-9242-472b-8702-b8e1433dc81c.gif">
<br>
\alpha
<p>
<img alt="Mathematical symbol" src="https://support.content.office.net/en-US/media/b019e931-9f60-4253-b9d4-28d1dcc88061.gif">
<br>
\Alpha
<p>
<img alt="Mathematical symbol" src="https://support.content.office.net/en-US/media/718e0c38-51e5-4ffc-b8f5-82e9310bd990.gif">
<br>
\amalg
<p>
<img alt="Mathematical symbol" src="https://support.content.office.net/en-US/media/26486aa6-8f02-485e-bd61-f2cf3ef675aa.gif">
<br>
\angle
<p>
<img alt="Mathematical symbol" src="https://support.content.office.net/en-US/media/b8089a34-0a2a-40c1-a543-a2a3eee1ca99.gif">
<br>
\approx
<p>
<img alt="Mathematical symbol" src="https://support.content.office.net/en-US/media/4f63ad1c-9af5-4c86-b74e-7ca7ed7b2984.gif">
<br>
\asmash
<p>
<img alt="Mathematical symbol" src="https://support.content.office.net/en-US/media/1196796f-63aa-42ab-a133-eba5043caea8.gif">
<br>
\ast
<p>
<img alt="Mathematical symbol" src="https://support.content.office.net/en-US/media/a01e1e18-1565-42fe-8fcb-5ee0e722918c.gif">
<br>
\asymp
<p>
<img alt="Mathematical symbol" src="https://support.content.office.net/en-US/media/6554c6cc-b258-4751-a1fc-5102c50a4148.gif">
<br>
\atop
<p>
<img...