body 태그에 텍스트를 세로 및 가로로 가운데에 배치하려면 어떻게합니까?

Question

텍스트를 페이지 중앙에 세로 및 가로로 가운데에 배치하려면 어떻게합니까?

예를 들어,이 텍스트가있는 경우 "코드 입력".

또한 보너스 관련 질문은 텍스트 또는 이미지면 중요합니까? 나는 텍스트의 왼쪽에 이미지를 넣을 수 있기 때문에 물어 본다. 난 당신이 "센터"가 무슨 뜻인지 정확히 모르겠어요

Answer 1

는 (여러 가지 정의가있다), 그러나 아마 이것은 당신이 원하는 것을 할 것입니다 : 그것은 텍스트 나인지

<div class="myclass">Some text</div> 

.myclass { 
    position: absolute; 
    left: 50%; 
    top: 50%; 
} 

그것은 중요하지 않습니다 이미지 - 브라우저는 블록 콘텐츠로 간주합니다.

text-align: center;은 항목을 컨테이너 내부에 수평으로 배치합니다.