JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a">a a a</div>
<div class="b">b b b b b b b b b b b b b b b dadasdasdasd asdasd asd sad asd asd asd asd asd asd asd asd asdasdasd asd asd asda sdas dsadasdasd asd asdasd sd as</div>
<div class="c">c c c c c c c c c</div>

CSS

.a {
  background: lime;
  float: right;
}
.b {
  background: orange;
  overflow: hidden;
}
.c {
  background: plum;
  display: table;
}