[ CSS 입문 ] text-align 속성

| 개요

text-align 속성은 텍스트의 정렬을 의미합니다.

 

• left : 왼쪽 정렬
• right : 오른쪽 정렬
• center : 중앙 정렬
• justify : 양쪽 정렬 (자동 줄바꿈시 오른쪽 경계선 부분 정리)

 

| 사용법

#box1 { text-align: right; } /*box1 아이디 선택자의 텍스트를 오른쪽 정렬로 하라*/
#box2 { text-align: left; } /*box2 아이디 선택자의 텍스트를 왼쪽 정렬로 하라*/
#box3 { text-align: center; } /*box3 아이디 선택자의 텍스트를 중앙 정렬로 하라*/

우리가 편하게 사용하는 워드나 엑셀 같은 프로그램에 많이 사용했을 법한 텍스트 정렬은 

많이들 알고 있는 기능일 것으로 생각됩니다.

CSS에서는 위와 같이 사용되며 텍스트에만 적용이 됩니다.

텍스트가 아닌 다른 객체들의 정렬은 float로 추후 내용을 정리하겠습니다.