티스토리 뷰

코딩

CSS- 텍스트정렬

남평HILL 2024. 8. 1. 12:11

워드프로세서와 마찬가지로 CSS를 이용하여 텍스트를 왼쪽이나 오른쪽, 양끝맞추기로 정렬할 수 있습니다. 아래 스타일을 추가하면 됩니다

text-align: right;

이를 적용하면 문단이 아래와 같이 나타납니다. 텍스트가 오른쪽으로 정렬되어 있습니다

왼쪽으로 정렬하려면 다음과 같이 바꾸어 주면 됩니다

text-align: left;

기본설정이 왼쪽 정렬이므로 굳이 이를 사용할 이유는 없습니다. 양끝맞추기를 위해서는 다음과 같이 사용하면 됩니다

text-align: justify;