[HTML] text 및 문장 위치 변경 코드

안녕하세요, 수염난아이티 입니다.

이번 페이지에서는 글자위치를 변경하는 HTML코드를 알아보겠습니다.

 

우선 정렬방법은 아래와 같습니다만, 자주 사용하는 왼쪽, 오른쪽, 중앙정렬만 예시를 들었으나,

"text-align: 이후 만 변경해서 적용하시면 됩니다.

• left : 왼쪽 정렬
• right: 오른쪽 정렬
• center : 가운데 정렬
• justify : 양쪽 정렬
• start : 현재 텍스트 줄의 시작 위치에 맞추어 문단 정렬
• end : 현재 텍스트 줄의 끝 위치에 맞추어 문단 정렬
• match-partent : 부모 요소에 따라 문단 정렬

1. 왼쪽 정렬 (Left)

<p style="text-align:left">text 및 문장을 왼쪽에 정렬하는 코드 입니다.</p>

 

2. 오른쪽 정렬 (Right)

<p style="text-align:right">text 및 문장을 오른쪽에 정렬하는 코드 입니다.</p>

 

3. 중앙 정렬 (Center)

<p style="text-align:center">text 및 문장을 중앙에 정렬하는 코드 입니다.</p>