How can I autoscale the font size to fit the contents of a div?

Question

I have a div with some text:

  With some text in it

How can

Answer 1

Short Answer: You don't.

You would have to try a size, render it, see if it fits, try another size, render it see if it fits, etc. Then you have to handle the case where the calculated font size is so small no one can read the text.

There are other options, if the text doesn't fit, add an ellipsis (...) to the end of the text, when you mouse over it, the div could expand, you could use a popup window or tooltip with the full text, or put the full text in a larger area of the screen.

Find another way.