Get width of element after swapping text within timeline

[vanadu]

I'm basically a noob, but this should be easy and I'm suffering from two days of head-bashing. I'm trying to loop through an array of text values in absolutely positioned elements. The start and return tween positions are based on the width of the elements, which of course change when the text within them changes. I'm using TimelineMax and addCallback to change the text. But I can't figure out how to get the updated element width back into the tween. See attached Codepen -- the element to the right of the red text should bounce back to the right edge of the new text, not the old text. I'm sure I'm missing something basic...

 

 

BTW the red text has to have a fixed position, so floats and relative positioning is out...unless I missed something there too.

 

Thanks for any pointers...Vanadu 

See the Pen dYmKBb by vanadu (@vanadu) on CodePen.

[Diaco]

Hi vanadu 

 

at first Sorry for the late reply , Pls check this out : 

See the Pen OyZBVG by MAW (@MAW) on CodePen.

[OSUblake]

Nice! Have you've been sitting on this since Oct 28?

[Diaco]

heh , as Jack and Carl know ; i had some internet connection problems + some travel and official stuffs to do +...

and just forgot about that , as you can see the pen created October 28