CSS에서 줄 간격

이제 텍스트의 줄 간격을 설정하는 방법을 배워봅시다. 줄 간격이란 텍스트의 줄 사이의 거리, 즉 줄 사이의 흰색 공간을 의미합니다. 이를 위해 line-height 속성이 사용되며, 텍스트 줄의 높이를 지정합니다.

line-height 속성을 사용할 때 주의할 점이 있습니다: 이 속성은 겉보기와 달리 텍스트 줄 사이의 간격을 지정하는 것이 아니라 텍스트 줄의 높이를 지정합니다.

이는 실제로 보이는 줄 사이의 간격이 다음과 같이 계산됨을 의미합니다: line-height - font-size = 텍스트 줄 사이의 보이는 거리.

다음 예제에서 텍스트 줄 사이의 거리는 50px - 20px = 30px가 됩니다:

html<p>
  some long text
</p>

cssp {
  font-size: 20px;
  line-height: 50px;
  text-align: justify;
  width: 400px;
}

Результат: