How to automatically set the width of an HTML element to the width of the enclosed text

Question

Here is an example:

I would like for the width of the h1 or a surrounding div to "clip" the text so that I can, for example, draw a border around on