CSS에서 줄 간격

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

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

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

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

<p>
	some long text
</p>

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

단락의 글꼴 크기를 30px로 설정하세요. line-height 속성을 설정하여 단락 사이의 보이는 흰색 간격이 15px가 되도록 하세요.