JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width: 300px;">
<table class="tborder" border="0" cellpadding="5" cellspacing="0">
	<tbody>
		<tr>
			<td class="trow1">
				<div style="width: 100%; margin: 0;" class="statustrow">
					<div style="vertical-align: top; overflow: hidden;" class="statuscell">
						<br>
						<div style="margin: 3px 0 0 0;" class="statuscell">
						</div>
					</div>
				</div>
				<div style="margin: 5px 0 0 36px;" class="statustrow smalltext">
					<div class="showcomment_row" id="showcomment_row_1" style="display: block;">
						<div id="1" class="statusupdate_comment" style="display: inline-block; width: 100%; margin: 10px 0 0 0;">
							<div class="statusupdate_comment_head" style="vertical-align: top; overflow: hidden;">
								<div style="margin: 3px 0 0 0; " class="statuscell">
									aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
								</div>
							</div>
						</div>
					</div>
				</div>
			</td>
		</tr>
	</tbody>
</table>
</div>

	<div style="margin: 3px 0 0 0; word-wrap: break-word;" class="statuscell">
									aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
	</div>

CSS

table{
  word-break:break-all;
}