JSFiddle - React, Tailwind, and code Playground

by Kamil

HTML

<div id="outer">
      <div id="inner">
     This will expand only as far as it needs to
  </div>
</div>

CSS

#outer {
  border: solid 1px blue;
  text-align: center;  
}

#inner {
  border: solid 1px red;
  display: inline-block;
  width: 20%;
  height: auto;
  max-height: 100px;
}