• 코드:
​x
 
1
<!DOCTYPE html>
2
<html lang="ko">
3
​
4
<head>
5
    <meta charset="UTF-8">
6
    <title>CSS3 Text</title>
7
    <style>
8
        p {
9
            border: 1px solid black;
10
            width: 130px;
11
        }
12
        #p_02 { word-wrap: break-word; }
13
        #p_03 { word-break: break-all; }
14
        #p_04 { word-break: keep-all; }
15
    </style>
16
</head>
17
​
18
<body>
19
​
20
    <h1>긴 단어가 나뉘는 기준 명시</h1>
21
    <p id="p_01">콘텐츠 영역을 벗어난 긴 단어단어단어단어단어단어가 어떻게 될까요?</p>
22
    <p id="p_02">콘텐츠 영역을 벗어난 긴 wordwordwordwordwordword를 다음 줄에 나누어 표현합니다.</p>
23
    <p id="p_03">콘텐츠 영역을 벗어난 긴 wordwordwordwordwordword를 다음 줄에 나누어 표현합니다.</p>
24
    <p id="p_04">콘텐츠 영역을 벗어난 긴 word-word-word-word-word-word를 다음 줄에 나누어 표현합니다.</p>
25
​
26
</body>
27
​
28
</html>