CSS 글자 간격

문자 들여쓰기

text-indent 속성은 텍스트의 첫 번째 줄의 들여쓰기를 지정합니다：

예제

p {
  text-indent: 50px;
}

직접 테스트해 보세요

글자 간 간격

letter-spacing 속성은 텍스트 내 문자 간의 간격을 지정합니다。

아래 예제에서 문자 간의 간격을 늘리거나 줄이는 방법을 보여줍니다：

예제

h1 {
  letter-spacing: 3px;
}
h2 {
  letter-spacing: -3px;
}

직접 테스트해 보세요

줄 높이

line-height 속성은 줄 간의 간격을 지정합니다:

예제

p.small {
  line-height: 0.8;
}
p.big {
  line-height: 1.8;
}

직접 테스트해 보세요

단어 간 간격

word-spacing 속성은 텍스트 내 단어 간의 간격을 지정합니다.

다음 예제는 단어 간의 간격을 증가하거나 감소하는 방법을 보여줍니다:

예제

h1 {
  word-spacing: 10px;
}
h2 {
  word-spacing: -5px;
}

직접 테스트해 보세요

공백

white-space 속성은 요소 내부의 공백 처리 방식을 지정합니다.

이 예제는 요소 내의 텍스트를 줄 바꿈을 막는 방법을 보여줍니다:

예제

p {
  white-space: nowrap;
}

직접 테스트해 보세요