JSFiddle - React, Tailwind, and code Playground

HTML

<div class="firstDiv" style="width: 200px; height: 200px;">

    <table border="1" style="border-collapse: collapse;">
        <tr style="height: 20px;">
            <th width="33%"><div>
            First Name
            </div></th>
            <th width="33%"><div>
            Last Name
            </div></th>
            <th width="33%"><div>
            Country Of Origin OR MIG
            </div></th>
        </tr>
        <tr>
            <td><div>
            Mark
            </div></td>
            <td><div>
            Hopkins lee brimlow
            </div></td>
            <td><div>
            Not living in world right now
            </div></td>
        </tr>
    </table>
</div>

CSS

th div, td div{
  height:40px;
  overflow:auto;
}