JSFiddle - React, Tailwind, and code Playground

HTML

<span contenteditable="true"></span>

CSS

span {
  display: inline-flex;
  flex-wrap: nowrap;
  min-width: 50px;
  max-width: 200px;
  background: #fff;
  border: 1px lightblue solid;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}