Text is breaking using absolute positioning

Question

I have a small challenge that I haven\'t found any solution on Stack Overflow.

That\'s what I got:

Answer 1

There is another solution:

.title {
    width: max-content;
}

It is widely supported (92.25% as of 17.07.2019) https://caniuse.com/#feat=intrinsic-width

For details read this answer.