JSFiddle - React, Tailwind, and code Playground

by Adam Victor Brandizzi

HTML

<body>
    <table class="numbers">
        <tr>
            <td class="asterisk">1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
        </tr>
        <tr>
            <td>5</td>
            <td class="asterisk">6</td>
            <td class="asterisk">7</td>
            <td>8</td>
        </tr>
    </table>
</body>

CSS

.numbers td {
    width: 40px;
    border: 1px solid black;
    text-align: center;
}
.asterisk:after {
    text-align: center;
    display:block;
    content: '*';
}