• 코드:
​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_01, #p_03 { word-wrap: break-word; }
13
    </style>
14
</head>
15
​
16
<body>
17
​
18
    <h1>콘텐츠 영역을 벗어난 긴 단어의 처리 방법</h1>
19
    <p id="p_01">콘텐츠 영역을 벗어난 긴 단어단어단어단어단어단어가 어떻게 될까요?</p>
20
    <p id="p_02">콘텐츠 영역을 벗어난 긴 wordwordwordwordwordword가 어떻게 될까요?</p>
21
    <p id="p_03">콘텐츠 영역을 벗어난 긴 wordwordwordwordwordword를 다음 줄에 나누어 표현합니다.</p>
22
​
23
</body>
24
​
25
</html>