JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>24
            <div>
                <ul>
                    <li>Delaware (2)</li>
                </ul> 
                <ul>
                    <li>Delaware (2)</li>
                </ul>
            </div>                        
        </td>
    </tr>
</table>

CSS

table {
    color: #666;
    font: 16px normal Arial, Helvetica, sans-serif;
    margin: 30px;
}

td {
    border: 1px solid #f00;
    height: 200px;
    padding: 5px;
    position: relative;
    horizontal-align: top;
    width: 200px;
}

div {
    position: block;
}

ul {
    border: 1px solid #00f;
    margin: 5px 0;
    width: 300px;
    z-index: 2;
}

li {
    border: 1px solid #0f0;
    padding: 5px;
}