How do you make an adjustable background for an h1 tag depending on the text?

Question

What I mean is, when you put more text into an editable h1 tag (with the contenteditable attribute), the background color expands in width.

Answer 1

BG width

Answer 2

Can you please explain how a background color can expands its width? Du you mean the background width or the color brightness? :)