JSFiddle - React, Tailwind, and code Playground

HTML

<div class="div1">This div uses word-break: break-all; This div uses word-break: break-all; This div uses word-break: break-all; ThisIsAReallyLongStringThatWontFitOnOneLine. This div uses word-break: break-all; This div uses word-break: break-all; This div uses word-break: break-all;</div>

<div class="div2">This div uses word-wrap: break-word; This div uses word-wrap: break-word; This div uses word-wrap: break-word; ThisIsAReallyLongStringThatWontFitOnOneLine. This div uses word-wrap: break-word; This div uses word-wrap: break-word; This div uses word-wrap: break-word;</div>

CSS

div {
    width:175px;
    margin-bottom:10px;
}

.div1 {
    background-color: #EEE8AA;
    word-break:break-all;
}

.div2 {
    background-color: #AFEEEE;
    word-wrap: break-word;
}