CSS / 문단 꾸미기 / 문단 정렬하기 / text-align

text-align

문단 정렬 방식을 정하는 속성은 text-align입니다. 속성의 값은 다음과 같습니다.

  • left : 왼쪽 정렬입니다.
  • right : 오른쪽 정렬입니다.
  • center : 가운데 정렬입니다.
  • justify : 양쪽 정렬입니다.
  • initial : 기본값으로 설정합니다.
  • inherit : 부모 요소의 속성값을 상속받습니다.

예제

  • 첫 번째 문단은 왼쪽 정렬입니다.
  • 두 번째 문단은 오른쪽 정렬입니다.
  • 세 번째 문단은 가운데 정렬입니다.
  • 네 번째 문단은 양쪽 정렬입니다. 양쪽 모두를 가지런하게 맞추기 위해서 띄어쓰기 간격이 조금씩 달라집니다. 특히 영어의 경우 단어가 길면 간격이 많이 이상할 수 있는데, word-break 속성으로 조절할 수 있습니다.