JSFiddle - React, Tailwind, and code Playground

HTML

<div id="screen">
    <div id="leftDesc">This is a Long sadadwdsawdasdwsa </div>
    <div id="rightDesc">100</div>
</div>

CSS

#screen
{    
    width: 200px;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

#leftDesc
{    
    overflow: hidden;
    height: 20px;
    color: blue;
    white-space:nowrap;
}

#rightDesc
{   
    text-align: right;
    color: red;
}