How to center text vertically and horizontally in a body tag?

Question

How to center the text vertically and horizontally in the center of the page?

For example, if I have this text, "Enter Codes."

In addition, the question related to the bonus matters if it is text or image? I ask because I can put an image to the left of the text.

Answer 1

I'm not quite sure what you mean by "center" (there are several definitions), but maybe this will do what you want:

<div class="myclass">Some text</div> .myclass { position: absolute; left: 50%; top: 50%; } 

It does not matter whether it is text or an image - the browser simply considers it as the contents of a block.

Note that text-align: center; will center the elements horizontally inside its container.