Need to align a heading with a bit of custom code (see pics and read only link)

Hey there! I have a bit of custom code that I got from elsewhere on the forum, a cool typing animation. I now want the dynamic text to seamlessly be a part of the header, but am struggling to align in (I did have the text simply above the custom code div box but I couldn’t get it close enough to look part of the same sentence.

Here is my read only link:
Here is the format that I would like it to look like (With the orangey text dynamic, but the white text static:

Hope that makes sense and that anyone can help, let me know if you need clarification.

Very best,


You might want to remove the flex attribute of the div containing the text and then make the white text inline:


Try that and let us know if it works :slight_smile:

(“less than 0.5%”, by the way)

That’s done it! Thank you so much for your quick effective help. (Also thanks for pointing out the typo)

1 Like