JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            xxxx<br/>
            xxxxxx<br/>
            xxxxxxx
        </td>
        <td>
            xxxx
        </td>
    </tr>
</table>

CSS

td {
    height: 200px;
    border: 1px solid black;
    width: 100px;
    text-align: center;
    
    vertical-align:top;    
}
td:before{
    background: none repeat scroll 0 0 transparent;
    content: "";
    display: block;
    height: 50%;
}