JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box200 green">
  <span>Lorem ipsum dolor</span>
  <span class="yellow box50" style="float:left">float</span>
  <span>sit amet</span>
  <span>consectetur adipiscing elit</span>
  <span>sed do eiusmod tempor</span>
  <span>incididunt ut labore et</span>
</div>

CSS

span {
  word-break: keep-all;
  white-space: nowrap;
  border: 1px solid;
}

.box50 {
  width: 50px;
  height: 50px; 
}

.box200 {
  width: 200px;
  height: 200px; 
}

.yellow {
  background-color: yellow;
}

.green {
  background-color: green;
}