JSFiddle - React, Tailwind, and code Playground

by prasad raja

HTML

<p class="test"> This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>

<h1> After wrapping text </h1>
<p class="test1"> This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>

CSS

.test {
    width: 11em; 
    border: 1px solid red;
}
.test1 {
    width: 11em; 
    border: 1px solid #000000;
    word-wrap: break-word;
}