JSFiddle - React, Tailwind, and code Playground

HTML

<div class="float-left"></div>
<div class="prevent-collapse">
<p>

Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... Lorem ipsum... 

</p>
    
</div>

CSS

* {
    padding:0;
    margin:0;
}

.float-left {
float:left;
background-color:red;
width:100px;
height:100px;
}

p {
margin:50px;
border:solid 10px black;
background-color:yellow;
}

.prevent-collapse {
overflow: hidden;
    margin:20px;
}