JSFiddle - React, Tailwind, and code Playground

by Divz

HTML

<h1> Name </h1>
<ul class="lisits">
    <li>
        <p> thissssszssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss  </p>
    </li>
    
</ul>

CSS

*{
    margin:0;
    padding:0;
}
ul.lisits{
    width:100%;
    overflow:hidden;
}
ul.lisits > li{
    display:inline-block;
}
ul.lisits > li > p{
     word-wrap: break-word;
    overflow-wrap: break-word;
}