JSFiddle - React, Tailwind, and code Playground

by Nikhil

HTML

<div class="a">
<div class="b">Hello world!</div>
</div>

CSS

div.b {
  white-space: nowrap; 
  width: 50px; 
  overflow: hidden;
  text-overflow: ellipsis; 
  border: 1px solid #000000;
  display: inline-block;
}

div.a::after {
  content: '>';
  font-size: 30px
}