JSFiddle - React, Tailwind, and code Playground

by VivekNadar

HTML

<h1> Name </h1>
<ul class="lisits">
    <li>
        <p> this this thits this this thsi this this this this this this this this this this this this this this this this this this this this this this this this this thits this this thsi this this this this this this this this this this this this this this this this this this this this this this this this this thits this this thsi this this this this this this this this this this this this this this this this this this this this this this this  </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;
}