JSFiddle - React, Tailwind, and code Playground
HTML
<style>html{-webkit-print-color-adjust:exact;}</style><table border="1" style="border-collapse: collapse"><tr style="background-color:#fce5cd;"><td><span style="font-family: 'Georgia';font-size: 79.98px;color: #980000;text-decoration: line-through;text-decoration: underline;">f</span><span style="font-family: 'Georgia';font-size: 79.98px;color: #ff0000;font-weight: bold;">o</span><span style="font-family: 'Georgia';font-size: 79.98px;color: #ff9900;font-style: italic;">o</span><span style="font-family: 'Arial';font-size: 14.663px;color: #000000;"> </span><span style="font-family: 'Impact';font-size: 47.988px;color: #bf9000;text-decoration: line-through;text-decoration: underline;">b</span><span style="font-family: 'Impact';font-size: 47.988px;color: #38761d;font-weight: bold;">a</span><span style="font-family: 'Impact';font-size: 47.988px;color: #134f5c;font-style: italic;">r</span><span style="font-family: 'Arial';font-size: 14.663px;color: #000000;"> </span><span style="font-family: 'Times New Roman';font-size: 31.991999999999997px;color: #1155cc;text-decoration: line-through;text-decoration: underline;">b</span><span style="font-family: 'Times New Roman';font-size: 31.991999999999997px;color: #351c75;font-weight: bold;">a</span><span style="font-family: 'Times New Roman';font-size: 127.96799999999999px;color: #741b47;font-style: italic;">z</span></td><td><span style="font-family: 'Arial';font-size: 13.33px;color: #000000;">c6</span></td><td><span style="font-family: 'Arial';font-size: 13.33px;color: #000000;">d6</span></td></tr><tr><td style="background-color:#d9ead3;"><span style="font-family: 'Arial';font-size: 13.33px;color: #000000;">b7</span></td><td style="background-color:#ffffff;"><span style="font-family: 'Georgia';font-size: 79.98px;color: #980000;text-decoration: line-through;text-decoration: underline;">f</span><span style="font-family: 'Georgia';font-size: 79.98px;color: #ff0000;font-weight: bold;">o</span><span style="font-family:...