Czysty CSS, aby dostosować rozmiar czcionki w oparciu o dynamiczną ilość znaków

Wiem, że można to dość łatwo rozwiązać za pomocą Javascript, ale interesuje mnie tylko czyste rozwiązanie CSS.

Chcę sposób na dynamiczną zmianę rozmiaru tekstu, aby zawsze pasował do ustalonego div. Oto przykładowy znacznik:

<div style="width: 200px; height: 1em; overflow: hidden;">
  <p>Some sample dynamic amount of text here</p>
</div>

Myślałem, że może to być możliwe, określając szerokość kontenera w ems i sprawiając, że rozmiar czcionki dziedziczy tę wartość?

questionAnswers(10)

yourAnswerToTheQuestion