CSS 에서 text-align: center 는 중심에 둘 수 없습니다

CSS 에서 text-align: center 를 중심에 둘 수 없는 것은 설정 오류로 인한 것이며 해결 방법은

입니다

1, test.html 이라는 새 html 파일을 만듭니다. CSS 스타일에서 한 줄의 단어를 수평으로 가운데에 놓을 수 있는 방법을 설명합니다.

2, test.html 파일에서 div 태그를 사용하여 모듈을 만들고 div 태그 내에 p 태그를 사용하여 문자 행을 만듭니다.

3, test.html 파일에서 div 태그의 id 를 mydiv 로 설정합니다. 주로 이 id 를 통해 div 객체를 얻는 데 사용됩니다.

4, test.html 파일 내에서 lt 작성; Style type = "text/CSS" gt; Lt; /stylegt; 페이지의 CSS 스타일이 기록되는 태그.

5, CSS 태그 내에서 id 를 통해 div 에 스타일을 지정하고 div 의 폭을 300px 로, 높이를 200px 로, 배경색을 회색으로 설정합니다.

6, CSS 태그 내에서 p 태그 내의 텍스트에 스타일을 지정하고 text-align 속성을 center 로 설정하여 div 내에서 텍스트가 수평으로 중심에 오도록 합니다.

7, 브라우저에서 test.html 파일을 열어 구현 효과를 확인합니다.