Center div text vertically in its background

[OmegaOrbitals]

Here, the text is on the top side of its background. How do I vertically center the text?

[savardo]

To vertically center text in a div container, you can assign a class to the container and insert this into your CSS file:

.YOUR_CLASS {
    text-align: center;
}

[OmegaOrbitals]

It only aligns horizontally

[savardo]

Oops, didn’t see that.

You can insert margin: auto inside the class.

[MrVoo1]

If you want it always in the center:

#div {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

[OmegaOrbitals]

I solved my own question. What I meant was something like this: