JSFiddle - React, Tailwind, and code Playground

by AliBassam

HTML

<!doctype>
<html>
    
    <head>
        <style type="text/css">
            #parentDiv
            {
                position:relative;
            }
        #panelLeft {
          display: inline-block;
          width: 50px;
          height: 20px;
          background-color: #f00;
        }
        #panelRight {
          display: inline-block;
          background-color: #0f0;
          position:absolute;
            right:0px;
            left:60px;
        }
        #test {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        </style>
    </head>
    
    
    <body>

    <div id="parentDiv">
        <div id="panelLeft">
        </div>
        <div id="panelRight">
             <div id="test">ajdkadjakd jaskd jask akd ajd ak djak djka ak  
                 dadas kdja kdja kdja kdj akdjakd jadk ajdka jdkas jdk ajdkasdj ask dj
             </div>
        </div>
    </div>
    </body>
    
</html>