JSFiddle - React, Tailwind, and code Playground

HTML

<div class="l"></div>
<div class="r">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nec quam velit. Cras cursus sagittis faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent posuere, est faucibus mattis interdum, risus nibh varius diam, blandit facilisis neque massa a odio. Integer id eros nisl. Nullam eget tristique erat. Pellentesque rhoncus, leo eget varius pretium, libero erat consequat lectus, ac viverra dolor ante non enim. Etiam eget eros ac lorem tincidunt molestie. Pellentesque metus quam, ornare non interdum ut, vestibulum sit amet mi. Duis sed sapien turpis, vel condimentum tortor. Suspendisse in dapibus diam. Aenean luctus turpis vitae justo aliquam volutpat. Suspendisse vel ipsum leo, a viverra est. Sed eget ante eros, ut vehicula nulla.</div>

CSS

.l {
    width: 200px;
    height: 50px;
    float: left;
}
.r {
    overflow: hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}