JSFiddle - React, Tailwind, and code Playground

by Alessandro Vernet

HTML

<div class="a">
  <div class="b">
    <input class="c" value="c">
    <div class="d">d</div>
  </div>
</div>

CSS

.a { width: 300px; border: 1px solid blue;  }
.b { white-space: nowrap; }
.a, .b, .c, .d { display: inline-block; }
.c { width: 100%; border: 1px solid orange; }