JSFiddle - React, Tailwind, and code Playground

HTML

<table>
		<tr>
		<td>PeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeterPeter</td>
		<td>GriffinGriffinGriffinGriffinGriffinGriffin</td>
		</tr>
		<tr>
		<td>Lois</td>
		<td>Griffin</td>
		</tr>
	</table>

CSS

table {
	margin: 0 auto;
	border-spacing: 15px;
	width: 70%;
	min-height: 250px;
}

td {
	padding: 10px;
	background-color: gray;
	width: 50%;
    max-width: 50%;
    word-break: break-all;
}