JSFiddle - React, Tailwind, and code Playground

HTML

<span><bdi>##########YH35</bdi></span>
<br/>
<span><bdi>##########8LHm</bdi></span>

CSS

span {  
  white-space: nowrap;                   
  overflow: hidden;              /* "overflow" value must be different from "visible" */   
  text-overflow:    ellipsis;  
  display: inline-block;
  max-width:170px;
  direction:rtl;
  text-align:left;
}