JSFiddle - React, Tailwind, and code Playground

HTML

<h3>Float div with secondary overflow:hidden</h3>
<div class="parent">
    <div class="first fleft">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent metus leo, mollis sodales cursus et, mollis tincidunt purus. Aenean est ligula, vehicula quis mauris quis, facilisis pretium elit. Cras dictum urna nec nisi suscipit, eu laoreet orci venenatis. Aenean ut mauris in ante sagittis placerat. Donec sit amet lacus metus.</p>
    </div>
    <div class="second">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent metus leo, mollis sodales cursus et, mollis tincidunt purus. Aenean est ligula, vehicula quis mauris quis, facilisis pretium elit. Cras dictum urna nec nisi suscipit, eu laoreet orci venenatis. Aenean ut mauris in ante sagi ttis placerat. Donec sit amet lacus metus.</p>
    </div>
   
</div>
    
    
    <h3>Some alterations</h3>
<div class="parent">
    <p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent metus leo, mollis sodales cursus et, mollis tincidunt purus. Aenean est ligula, vehicula quis mauris quis, facilisis pretium elit. Cras dictum urna nec nisi suscipit, eu laoreet orci venenatis. Aenean ut mauris in ante sagittis placerat. Donec sit amet lacus metus.</strong></p>
    <div class="first fleft">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent metus leo, mollis sodales cursus et, mollis tincidunt purus. Aenean est ligula, vehicula quis mauris quis, facilisis pretium elit. Cras dictum urna nec nisi suscipit, eu laoreet orci venenatis. Aenean ut mauris in ante sagittis placerat. Donec sit amet lacus metus.</p>
    </div>
    <div class="first fleft">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent metus leo, mollis sodales cursus et, mollis tincidunt purus. Aenean est ligula, vehicula quis mauris quis, facilisis pretium elit. Cras dictum urna nec nisi suscipit, eu laoreet orci venenatis. Aenean ut mauris in ante sagittis...

CSS

div {
    position:relative;
}
.parent {
    border:1px solid blue;
    width:80%;
    padding:5px;
    margin:10px;
}
.parent:after{
  clear: both;
    visibility:hidden;
  content: '';
  display: block;
    height:0;
}
.first {
    border:1px solid green;
     width:33%;
    padding:4px;
    margin-right: 10px;

}
.second {
    border:1px solid red;
    padding:4px;
    background: #ccc;
       overflow:hidden;
}


.fright{float:right;}
.fleft{float:left;}