title: How to set html input tag width "fit-content" in css
body: <p>I have an input tag in my HTML page as following.</p>
  <p>I want to make an input tag width to fit the content and minimum width.
  So I wrote CSS as follows.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.number-input {
    width: fit-content;
    min-width: 120px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="price-input"&gt;
    &lt;input type="text" value="200001230001003002" class="number-input"&gt;
    &lt;button class="save"&gt;&lt;/button&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Is it possible to adjust CSS so the input will fit the text width?</p>
  <p>I searched already, but the answers use the javascript function.</p>
  <p>Please anyone help.</p>