HTML을 사용하여 텍스트를 가운데 맞추려면 태그를 사용하거나 CSS 속성을 사용하십시오. 계속 진행하려면 원하는 옵션을 선택하고 지침을 따르십시오.

텍스트를 가운데에 배치하는 한 가지 방법은 태그 안에 태그를 묶는 것입니다. 다음 상자에는 예제가 있습니다.

 이 텍스트를 가운데에 배치하십시오!

이 텍스트를 HTML 코드에 삽입하면 다음과 같은 결과가 나타납니다.

이 텍스트를 가운데에 배치하십시오!

참고 : 태그가 이제 지원 중단 된 것으로 간주됩니다. 그래도 작동 할 수는 있지만 CSS 사용을 위해 제거 될 것으로 예상됩니다. 텍스트를 HTML 가운데에 배치하려면 스타일 시트 메서드 (아래 참조)를 사용하는 것이 좋습니다.

스타일 시트 속성 사용

가운데 정렬 할 요소의 text-align 속성을 지정하여 CSS로 텍스트를 가운데에 맞출 수 있습니다.

하나 또는 몇 개의 텍스트 블록 만 가운데에 배치해야하는 경우 요소의 여는 태그에 style 속성을 추가하고 속성 "text-align"을 선택하면됩니다. 아래 예에서 Google은

꼬리표:

이 텍스트를 가운데에 배치하십시오!

"text-align"속성의 값은 요소가 중앙에 배치됨을 나타내는 "center"로 설정되었습니다.

여러 텍스트 블록을 가운데에 배치하려는 경우 페이지의 헤드 섹션이나 외부 스타일 시트의 태그 안에 CSS를 사용할 수 있습니다. 모든 텍스트를 내부에 설정하는 방법은 아래 예제 코드를 참조하십시오.

중앙에 배치 할 태그

 p {text-align : center}

텍스트는 페이지의 모든 태그 집합 가운데에 배치됩니다. 다른 단락이 아닌 일부 단락을 중앙에 배치하려면 아래 코드와 같이 스타일 클래스를 만들 수 있습니다.

 .center {text-align : center}

위의 예제에서와 같이 가운데 클래스를 만드는 경우 아래 코드를 사용하여 단락을 가운데 정렬 할 수 있습니다.이 단락은 가운데 클래스를 "호출"합니다.

이 텍스트를 가운데에 배치하십시오!

팁 : 일단 클래스가 생성되면 모든 HTML 태그에 적용 할 수 있습니다. 예를 들어, 표제를 중앙에 배치하려면 class = "center" 를

ZapTech