JSFiddle - React, Tailwind, and code Playground

by zgranda

HTML

<div class="outer">
<span class="genre">Adventure</span>
<span class="operator">&nbsp;OR</span>
<span class="genre">&nbsp;Comedy</span>
</div>

CSS

.outer {
    max-width: 90px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
}