JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td class="clmn">Textooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo</td>
        <td class="clmn"><div>I keep expanding, expanding, expanding, expanding</div></td>
        <td class="clmn"><img src="http://gifrinth.com/vocabulary/2.jpg"></td>
    </tr>
</table>

CSS

.clmn {
    word-wrap: break-word;
    height: auto;
    max-width: 100px;
}

.clmn img {
    max-width: inherit;
}