How do you center text vertically and horizontally using CSS?

To align text both vertically and horizontally at the center, you can use the position property in CSS. First, the container is given a relative position, and the text element is positioned absolutely with top: 50% and left: 50%. Then, by applying transform: translate(-50%, -50%), the element is adjusted to align perfectly at the center of the container. This method ensures that the text is aligned exactly in the center, both vertically and horizontally.