[CSS] text-align

 

 

▶ text-align
  - 문자의 정렬 방식을 지정.
  - 왼쪽, 가운데,  오른쪽, 양쪽 정렬과 같은 내용을 제공.

 

[속성 값]
- left: 왼쪽정렬.
- right: 오른쪽 정렬.
- center: 가운데 정렬.
- justify 양쪽 맞춤

 

※ text-align: justify; 사용 시 주의사항

  - 한 줄에서는 적용이 되지 않고 두 줄 이상일 경우에만 사용 가능하다는 조건이 있음.
  - 두 줄 이상인 경우에도 줄 바꿈을 강제적으로 했을 때는 적용되지 않고 작성하다가 공간이 모자라서 아래로 게행되는 경우에만 작동.
  - <br> 사용 시에는 적용 안 됨.

- direction 속성(텍스트 방향 및 쓰기 방향 지정 / ltr, rtl)의 값에 의해 text-align 속성의 기본값이 변경될 수 있음.
- 일반적으로는 left가 기본값.

 

 

text-align: justify; 사용 예시

text-align: justify; 사용 예시

 

 

  - 위와 같이 한 줄일 경우 양쪽 맞춤이 적용되지 않음.