Я знаю, что это может быть решено довольно легко с помощью Javascript, но меня интересует только чистое CSS-решение.

Мне нужен способ динамического изменения размера текста, чтобы он всегда помещался в фиксированный элемент div. Вот пример разметки:

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

Я думал, что, возможно, это могло бы быть возможно, указав ширину контейнера в ems и получив размер шрифта для наследования этого значения?