• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS Text</title>
7
    <style>
8
        .narrowLineHeight {
9
            line-height: 0.8;
10
        }
11
        .wideLineHeight {
12
            line-height: 1.8;
13
        }
14
    </style>
15
</head>
16
​
17
<body>
18
​
19
    <h1>line-height 속성을 이용한 줄간격 설정</h1>
20
    <p class="narrowLineHeight">이 부분은 줄간격을 줄여보았어요!<br>
21
        이 부분은 줄간격을 줄여보았어요!</p>
22
    <p>이 부분은 기본 줄간격입니다.<br>
23
        이 부분은 기본 줄간격입니다.</p>
24
    <p class="wideLineHeight">이 부분은 줄간격을 늘려보았어요!<br>
25
        이 부분은 줄간격을 늘려보았어요!</p>
26
​
27
</body>
28
​
29
</html>