How do I center text in the middle?

Question

So, I know how to align text in the middle, you do it like this.

selector {
text-align: center
}

But how do I align it perfectly in the middle, like not right at the top, but in the center of the screen?

Answer 1

Here is one way.

<h1 class="centered"> Content </h1>

.centered {
position: fixed;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -100px;
}

Answer 2

https://code.sololearn.com/WnNWl3XiEd84/?ref=app
https://code.sololearn.com/W51CLpHyrWy0/?ref=app