JSFiddle - React, Tailwind, and code Playground

HTML

<p class="ellipsis">ert3452654546</p>
<p class="ellipsis">sasdff5324 ewrwe</p>

CSS

.ellipsis
    {
      overflow:hidden;
      width: 60px;
      direction:rtl; 
      TEXT-ALIGN:right;
      margin-left:15px;
      white-space: nowrap;
     }

.ellipsis:after{position:absolute;left:0px; content:"...";}