JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div class="inputbox" id="breakword" contenteditable="true">
        Multi<br/>
        Line<br/>
        Content<br/>
        <br/>
        with word-wrap set to break-word, in order to not overflow inCaseOfVeryLongWordsInTheText
    </div>
    
    <div class="inputbox" contenteditable="true">
        Multi<br/>
        Line<br/>
        Content<br/>
        <br/>
        without word-wrap, crosses border at least in Firefox inCaseOfVeryLongWordsInTheText
    </div>
</div>

CSS

#breakword {
    word-wrap: break-word;
}
.inputbox {
    border: solid 1px black;
    background-color: green;
    max-width: 100px;
    margin: 20px;
}