JSFiddle - React, Tailwind, and code Playground
by tonytlwu
HTML
<div>Here is a long word: intercontinental breakfast. What do you think?</div>
CSS
div {
margin: 10px;
overflow-wrap: break-word;
/* overflow: hidden; */
border: 1px solid #000;
padding: 10px;
background: beige;
/* text-overflow: ellipsis; */
}