Is it possible to adapt font size to div width with CSS?
<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>