Как добиться авто ширины блока с position: absolute; в зависимости от текста внутри с ограничением макс. ширины?

Question

[tripcollor]

Есть задача сделать кастомизируюмую подсказку при наведении песочнице кода
Проблема в том что нужно задать максимальную ширину которую может иметь блок подсказки а до этого момента блок должен быть автоматической ширины, следовательно при достижении макс ширины текст внутри должен подстраиваться и переносится.
Если убрать свойство white-space: pre; то слова будут переносится после каждого слова и будет столбик из слов что не очень приемлемо.
Помогите решить данную проблему

Answer 1

[Сергей delphinpro]

Например, так https://jsfiddle.net/wecrs39n/5/

Comments

[tripcollor]

Сергей т.е без js не обойтись. Классное решение спасибо!

[Сергей delphinpro]

tripcollor, если добавить разметку https://jsfiddle.net/wecrs39n/8/

Answer 2

[Stimulate]

https://jsfiddle.net/wecrs39n/3/

Comments

[tripcollor]

Stimulate Да этот метод известен мне тоже, я писал что нужно "добиться авто ширины блока" а тут получается жестко заданная фиксированная ширина, так не надо