Make HTML El on top

Question

I wrote a game and I want to add some "game over" massage at the end. The problem is that is appears below other elements. How can I place it on top?
https://code.sololearn.com/W4pMlw5rGpyF/?ref=app
Let the game run for 5 seconds and you'll see the "game over", then press ok on the alert.
It also appears in the game_over function in the JS

Answer 1

You need this?
https://code.sololearn.com/WAHBp5ZHhv2T/?ref=app
Hope it helps..
Happy coding!!

Answer 2

Oh. I thought it need below because of ` "game over" message at the end** `.
I misunderstood it.. 😌
👍 fine.

Answer 3

#GO {
text-align: center;
margin-top:100%;
font-size:32px;
}

Answer 4

Jayakrishna🇮🇳 it didn't work, though it did move my text down

Answer 5

Wanda♥️ amazing thanks!
I see you changed span z-index to -1
Works great now!

Answer 6

lior bakalo
Fun game.
Needs a restart button.

Answer 7

Yes