문단에 css 적용하기 - text-align, text-indent, line-height

text-align 속성 (텍스트 정렬하기)

문단 내에 텍스트를 정렬하는 속성입니다.

• left: 왼쪽 정렬
• right: 오른쪽 정렬
• center: 가운데 정렬
• justify: 양쪽 정렬

예) center라는 이름의 클래스를 가진 문단을 가운데 정렬하는 코드

.center {
text-align: center;
}

text-indent 속성 (텍스트 들여쓰기)

문단 내 들여쓰기 속성입니다.

속성값은 px, %로 설정 가능하며, px의 경우 음수도 가능합니다.

예) p 태그를 가진 문단을 30px만큼 들여쓰기 하는 코드

p {
text-indent: 30px;
}

line-height 속성 (줄 간격 조절하기)

지정한 문단 안의 각 줄 사이 간격을 조절하는 속성입니다.

속성값은 px, %로 설정 가능합니다.

예) p 태그의 문단의 줄 간격을 30px로 설정하는 코드

p {
line-height: 30px;
}