JSFiddle - React, Tailwind, and code Playground

by abarykin

HTML

<table>
    <tr>
        <td>
            <div id="top">div 1</div>
            <div id="bottom">div 2</div>
        </td>
        <td>Контент</td>
        <td></td>
    </tr>
</table>

CSS

table {
    width:100%;
    border:1px solid #000;
}
table td {
    border:1px solid #000;
    width:33%;
    height:400px;
    position:relative;
    text-align:center;
}
#top{
    position:absolute;
    top:0;
    left:0;
    background-color:#f88;
    width:100%;
    height:100px;
}
#bottom{
    position:absolute;
    bottom:0;
    left:0;
    background-color:#88f;
    width:100%;
    height:100px;
}