title: Is it possible to adapt font size to div width with CSS?
body: <p>I have a div with <code>70%</code> width, and here’s what I want to do:</p>
  
  <ul>
  <li>Put some words in that div</li>
  <li>Adapt font size so that those words
  occupy all div width</li>
  </ul>
  
  <p><a href="https://i.stack.imgur.com/goVuj.png" rel="noreferrer"><img src="https://i.stack.imgur.com/goVuj.png" alt=""></a></p>
  
  <hr>
  
  <p>Is this possible with only css? Here is my code:</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>.parent {
    width:70%;
    height:auto;
    min-height:100px;
    background:red;
    font-size:10vw;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>Please help me to change the font-size dynamically to the parent class
  &lt;hr&gt;
  &lt;div class="parent"&gt;
    This Text
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <blockquote>
    <p>Note: the div <strong>size is responsive</strong>, this is important. Thanks in
    advance!</p>
  </blockquote>