JSFiddle - React, Tailwind, and code Playground

HTML

<div class="title">
Rasang Stem Ball Valve
</div>
<div class="title">
Rasang Stem Ball Valve (Copy)
</div>
<div class="title">
Rasang Stem Ball Valve (Copy) (Copy)
</div>

CSS

.title {
    width: 200px; 
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid lightgrey;
    padding: 5px;
    margin: 5px;
}