JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<table>
    <tr>
        <td><span class="unicode large-circle"></span></td><td></td><td></td>
    </tr>
    <tr>
        <td></td><td><span class="unicode multiplication-x"></span></td><td></td>
    </tr>
    <tr>
        <td></td><td></td><td><span class="unicode multiplication-x"></span></td>
    </tr>
</table>

CSS

table {
    border-collapse: collapse;
}

td {
    border: 5px solid #000;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    font-size: 70px;
}

body:nth-of-type(1) .unicode:after{color:#008000; font-weight:900; text-shadow:1px 1px 2px #000}
body:nth-of-type(1) .large-circle:after{content:"\25EF"}
body:nth-of-type(1) .multiplication-x:after{content:"\2715"}