JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ellipsis">hsdhhgasdhgasdgj</div><div>asdasd</div>
<div class="ellipsis">asdasdasd</div><div>asdadsas</div>

CSS

.ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90px;
}
div{
    float:left;
}
div:nth-child(2n){
    margin-left: -5px;
}
.clear {
clear:both
}