Как вы можете сделать innerText элемента div в HTML автоматически изменяя размер в зависимости от длины текста?

Question

Я немного упростил свой код, но он выглядит примерно так:

<div id = "updatedText"></div>
<script type = "text/javascript">

var rand = 0;
if(var rand == 0)
{
      document.getElementById("updatedText").innerText = "short text";
}
else
{
      document.getElementById("updatedText").innerText = "much longer text that needs to be rescaled";
}

</script>

В основном переменная rand будет меняться между определенными значениями, и в зависимости от этих значений текст будет становиться длиннее или короче и я хочу, чтобы он оставался в той же фиксированной области, поэтому он должен автоматически масштабироваться, чтобы соответствовать ему.