JSFiddle - React, Tailwind, and code Playground

HTML

<table id="topTable">
    <tr>
        <td>
            <div id="outer">
                OuterDiv
                <div id="inner">
                    InnerDiv
                </div>
            </div>
        </td>
    </tr>
</table>

CSS

#topTable {
    position: absolute;
    top: 50px;
}

#outer {
    background-color: Red;
    position:relative;
}

#inner {
    background-color: Blue;
    position: absolute;
    top: 0px;
    left: 100px;
}