JSFiddle - React, Tailwind, and code Playground

HTML

<div id="d1">1 blah-blah blah</div><div id="d2">2 blah-blah blah</div><div id="d4">4</div><div id="d3">3 blah-blah blah blah-blah blah blah-blah blah blah-blah blah blah-blah blah</div>

CSS

#d1 {float: left;}
#d2 {float: left;}
#d3 {overflow: hidden;}
#d4 {float: right}
div {padding: 5px}