JSFiddle - React, Tailwind, and code Playground

HTML

<div style="float:left; border: 2px solid red"> 123</div>
<span style="border: 2px solid blue;display:block;overflow:hidden;*zoom:1">
     The quick brown fox jumped over the lazy dog's back.
     The quick brown fox jumped over the lazy dog's back. 
     The quick brown fox jumped over the lazy dog's back.
     The quick brown fox jumped over the lazy dog's back. 
     The quick brown fox jumped over the lazy dog's back.
</span>

CSS

.div{
    width:50px;
    height:50px;
    background:red;
    margin:5px;
    float:left;
}
.outer{
    overflow:hidden;
    *zoom:1;
}