JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
    <td id="one">
        <div>
            Column 1 Column 1 Column 1 Column 1
            Column 1 Column 1 Column 1 Column 1
            Column 1 Column 1 Column 1 Column 1
            Column 1 Column 1 Column 1 Column 1
            Column 1 Column 1 Column 1 Column 1
            Column 1 Column 1 Column 1 Column 1
        </div>
    </td>
    <td id="two">
        <div>
            Column 2<br />Column 2<br />Column 2<br />Column 2<br />
            Column 2<br />Column 2<br />Column 2<br />Column 2
        </div>
        </td>
    </tr>
</table>

CSS

td div {
    border: 1px solid;
    padding:4px;
}

#one {
    width:100%;
}

td {
    vertical-align:top;   
}
table {
    border-collapse: separate;
    border-spacing: 5px 0px;
}