JSFiddle - React, Tailwind, and code Playground

by nicz

HTML

<table>
    <tbody>
        <tr>
            <td>
                Cell 1
            </td>
            <td>
                <div class="abs">X</div>
            </td>
            <td>
                <div class="rel">
                    <div class="abs">X</div>
                </div>
            </td>
        </tr>
    </tbody>
</table>

CSS

td {
    position:relative;
    width: 100px;
    height: 100px;
    background:green;
}

.abs {
    width:20px;
    height:20px;
    position:absolute;
    left: 10px;
    top: 10px;
    background:red;
}

.rel {
    position:relative;
    width: 100px;
    height: 100px;
    background: blue;
}