JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mydiv">
    <span>This is going to be some text that is cut-off because it is longer than the visible width.</span>
</div>

CSS

.mydiv {
    overflow:hidden;
    padding:3px 3px 3px 5px;
    width: 100px;
    white-space:nowrap;    
    border: 1px solid red;
}

.mydiv span {
    float: right;   
}