Align Object Css

Question

My div #text not stay align in the center when my function js is activated. This code is referent a learn about js but i cannot align this div#text when he appear
https://code.sololearn.com/W6QCw0vtMu3a/?ref=app

Answer 1

add position: absolute to #text and it works fine I guess