JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">ygpdfk
    <div id="firstDiv">gyFIRST</div> qpgy   
    <div id="thirdDiv">THIRD
    <br>some more content<br> qpgysome more content
    </div>
</div>

CSS

body{
    width: 350px;
    margin: 0px auto;
}
#container {
    border: 15px solid orange;   
}
#firstDiv{
    border: 1px solid brown;     
    display:inline-block;
    width: 70px;      
  
}
#thirdDiv{
    display:inline-block;
    border: 1px solid yellowgreen;  
    overflow:hidden;
    position:relative;
    left: -35px;                
}