8-6-2. CSS 속성 : 텍스트-수평정렬(text-align) {text-align: left / right / center / jusify;}

8-6-2. CSS 속성 : 텍스트-수평정렬(text-align)

 

 가. text-align 속성

 

  - 요소의 텍스트를 '수평(왼쪽, 가운데, 오른쪽, 양쪽) 정렬'하는 속성

  - 단, <div>, <p>와 같은 block 요소가 아닌 inline 요소 또는 inline-block 요소에서만 사용 가능

    (※ block 요소의 가운데 정렬은 margin 속성의 auto 값을 통해 정렬가능)

  - 기본값 : left(언어가 left to right 경우, 언어가 right to left 경우 기본값은 right) 

 

 나. text-align 속성값의 종류

  

  ▣ left

   - 텍스트를 왼쪽으로 정렬

  ▣ right

   - 텍스트를 오른쪽으로 정렬

  ▣ center

   - 텍스트를 중앙으로 정렬

  ▣ jusify

   - 텍스트를 라인 양쪽 끝으로 붙여서 정렬(단, 텍스트의 마지막 줄은 정렬하지 않음)