JSFiddle - React, Tailwind, and code Playground

HTML

<p id="one">This is a paragraph that matches the constraints.</p>
<hr>
<p id="two">This is a paragraph that does not match the constraintsconstraintsconstraintfdsfdfgdfgdfgfdggss.</p>

CSS

html, body {
    width: 200px;
}
#two {
    word-wrap: break-word;
}
body {
    border-right: 1px dashed #FF1111;
}