JSFiddle - React, Tailwind, and code Playground

by anoopsuda

HTML

<div id="myDIV2">
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
<i>xx<i>
</div>

<hr>
<div id="myDIV2">
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>
<i>xx<i>
</div>

CSS

#myDIV2 {
 white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  
   width:400px;
  border:1px solid;
  height:30px;
}