JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ellipsis">hsdhhgasdhgasdgj</div>
<div class="space-off">asdasd</div>
<div class="clear"></div>
<div class="ellipsis">asdasdasd</div><div>asdadsas</div>

CSS

.ellipsis {
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90px;
    float:left;
}

.space-off {
    margin-left: -6px;
}

div {
    float:left;
}

.clear {
    clear:both
}