JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<table style="background: cyan; width: 300px;">
	<tr>
    	<td class="testClass">lsdkjflsdkfjslfksdjflsdfjsdlfsdkfjsldfjsdjfsdfjsdfsdfsdjflsdfjsdlfjsdlfsdjlfjsdlfkldsjsdljfkdsjfsdlk</td>
        <td>another td somewhere</td>
    </tr>
</table>

CSS

.testClass {
    border: 1px solid #000000;
    word-break: break-all;
}