JSFiddle - React, Tailwind, and code Playground

by Tyler

HTML

<table>
    <tr class="container">
        <th class="outer green">first
        </th>
        <th class="inner outer blue">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        </th>
    </tr>
</table>

CSS

.container {
    width: 100%;
    border: 1px solid red;
    height: 100%;
}

.outer {
    display: table-cell;
    width: 50%;
}

.green {
    background: green;
}

.blue {
    background: blue;
}