Text not aligning right

This code displays 100 rotating images, which are not accessible by codepen. Ignore the jumpiness. The only part that is not working is the center-left text block:

The mission of World Childhood
rights of children and to promote
vulnerable and exploited children
By investing in children at an early

This text should be aligning right, but is not doing so. Any ideas? Thanks

I have no idea why, but it seems to be caused by the display: none property.

EDIT. text-align only works on block elements, which is changed by display: none

1 Like

@kevcomedia Bingo!

The display:none property hides the text behind an image until a timer expires, at which point I was changing the display property to initial, which displayed the text, but prevented it from being aligned. Changing initial to block solved the problem.