JSFiddle - React, Tailwind, and code Playground

by Valentin Sarychev

HTML

<div class="flex">
  <div class="item1">
    HelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHelloHello
  </div>
  <div class="item2">
    World
  </div>
</div>

CSS

.flex {
  display: flex;
  flex-flow: row nowrap;
}

.item1 {
  flex: 0 1 auto;
  overflow: hidden;
}

.item2 {
  flex: 0 0 auto;
  overflow: hidden;
}