JSFiddle - React, Tailwind, and code Playground

HTML

<h3>word-break: break-all;</h3>
<div class="container word-break">Lorem ipsum dolor sit amet, <mark>consecteturadipiscing</mark> elit. Integer laoreet ultrices <mark>sollicitudin</mark>. </div>
<h3>word-wrap: break-word;</h3>
<div class="container word-wrap">Lorem ipsum dolor sit amet, <mark>consecteturadipiscing</mark> elit. Integer laoreet ultrices <mark>sollicitudin</mark>. </div>

CSS

.container {
    width: 100px;
    background: whitesmoke;
}

.word-break {
    word-break: break-all;
}

.word-wrap {
    word-wrap: break-word;
}