JSFiddle - React, Tailwind, and code Playground

by Vivek Vikranth

HTML

<div class="contain">
    <p>asdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd </p>
</div>

CSS

.contain{
    float:left;
    width:120px;
    max-width:120px;
    overflow:hidden;
}
.contain p{
    font-size: 16px;
    overflow: hidden;
   word-wrap: break-word; /* or "normal" */
    overflow-wrap: break-word;
}