Horizontal-align of text doesn't work:(

Question

Can someone introduce how to align text in div to the center?
https://code.sololearn.com/WJfSkb5aqPMY/?ref=app

Answer 1

Hey look this website there's the solution here
http://howtocenterincss.com/#contentType=text&content.text.lines=1&horizontal=center&vertical=middle&browser.IE=11
I already posted it inside my code so you can now see the working version.

Answer 2

I thing the align attribute will work with a block element like div tags. It won’t work in inline element like span tags.

Answer 3

Add a special p tag for the text and change div's position to relative(also works without specifying the position)
https://code.sololearn.com/W490tA9dowxb/?ref=app

Answer 4

Thanks! That helped me a lot:)

Answer 5

Well I don't know how to make it work then.

Answer 6

finally it works. Thank you very much 4ur help

Answer 7

But i noticed now that the div isn't aligned as we defined in css(top: 50%) I want to use percents in aligning components in my project.