JSFiddle - React, Tailwind, and code Playground

HTML

<div><span>Dieser Text ist länger als das div-Element und wird daher abgeschnitten.</span></div>

SCSS

div {
    border: 1px solid black;
    overflow: hidden;
    background-color: #EFEFEF;
    width: 15em;
    height: 1.4em;
    line-height: 1.4em;
    padding: 0.1em 0.2em;
    margin: 0.3em 0 1em 0.3em;
    text-aligh: left;
    white-space: nowrap;
    
    span {
      float:right
    }
}