JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td><span></span><p>text</p></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td><span></span></td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

CSS

td {
    padding: 5px;
    border: 1px solid gray;
}

td p {
    margin: 0;
}

td span {
    display: block;
    width: 10px;
    height: 10px;
    margin: -5px;
    background: red;
    position: relative;
    top: -5px;
    left: -5px;
}