title: How to specify height: fit-content with TailwindCSS?
body: <p>Using TailwindCSS I'm trying to have a <code>&lt;div&gt;</code> fit to the height of its child, a <code>&lt;button&gt;</code>. My code is as follows:</p>
  <pre><code>&lt;form className=&quot;w-full flex h-96 gap-2 mt-8 flex-wrap&quot;&gt;
       &lt;textarea
            role=&quot;text-input&quot;
            className=&quot;resize-none flex-1&quot;
            placeholder=&quot;INPUT&quot;
       /&gt;
       &lt;textarea
            role=&quot;text-output&quot;
            className=&quot;resize-none flex-1&quot;
            placeholder=&quot;OUTPUT&quot;
            readOnly
        /&gt;
        &lt;div className=&quot;w-full flex flex-none&quot;&gt; // This is the troublesome div
            &lt;button&gt;
                  Submit!
            &lt;/button&gt;
        &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  <p>Reading through <a href="https://tailwindcss.com/docs/height#auto" rel="noreferrer">the docs</a> and doing a google search I can't seem to find a way to do this, ideally I'd like to set a class such as <code>h-fit-content</code> (something like this) but it doesn't seem to exist.</p>
  <p>Thanks in advance!</p>