JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<table>
    <tbody>
        <tr>
            <th>Title</th>
            <th>Release Year</th>
            <th>Director</th>
        </tr>
        <tr>
            <td>Braveheart</td>
            <td>1992?</td>
            <td>Mel Gibson?</td>
        <tr>
            <td>Some movie with a ridiculously long title. I mean, like two paragraphs for a title, which is ridiculous of course but it proves my point.</td>
            <td>2015</td>
            <td>The Great Anton</td>
        </tr>
    </tbody>
</table>
</div>

CSS

tr {
    display: block;
    float: left;
}

th, td {
    display: block;
    border: 1px solid black;
    padding: 8px;
}

td {
    max-width: 200px;
}