JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
  <div id="square"></div>
  <div id="box">Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text Very long text </div>
</div>

CSS

#wrapper {
  display: inline-block;
	border: 1px solid black;
}

#square {
  float: left;
  width: 50px;
  height: 50px;
	border: 1px solid blue;
  display: inline-block;
}

#box {
  border: 1px solid red;
	float: right;
	display: inline-block;
}