JSFiddle - React, Tailwind, and code Playground

by godfrzero

HTML

<div class="wrapper">
	<table>
		<tr>
			<td><div class="newline">aksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjd</div>
		<tr>
			<td><div class="ellipsis">aksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjdaksjdlaksjd</div>	</tr>
	</table>
</div>

CSS

.wrapper {
	max-width: 300px;
}

table {
	width: 100%;
	max-width: 100%
}

div {
	max-width: 100%;
}

.newline {
	white-space: break-word;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
}