javascript - Animate width to fit-content

I need to animate a div from a width of 0 (initial) to a width fit-content (a width that is the same as the width of its content)

$('div').css('width', 'fit-content');

DEMO

However, if I do this the animation

transition: width .5s ease-in-out;

doesn't work anymore. So the question is how can I animate just to fit the content ?

UPDATE: I found the solution here (DEMO