If position: absolute is added to the element, the text-align: center of the element fails. absolutetext-align

If position: absolute is added to the element, the text-align: center of the element fails. absolutetext-align

Position: absolute; top: 50%; left: 50%;-webkit-transform: translate (-50%,-50%);-moz-transform: translate (-50%,-50% ); transform: translate (-50%,-50% );

When the element changes to position: absolute, the element does not occupy the document stream, and text-align: center is invalid. You can use the preceding method to vertically and horizontally center the content in the element.

 

Or:

If only the text in the element is centered, add width: 100%; text-align: center; to the element.