1<div id="div-normal" style="white-space: normal; width: 10em; border: solid black 1px; margin: 10px; padding: 10px;">
2first <span style="color: red;">Hello
3Worlds</span> second
4second line <span style="color: blue;">World</span> third
5</div>
6
7<div id="div-pre" style="white-space: pre; width: 10em; border: solid black 1px; margin: 10px; padding: 10px;">
8first <span style="color: red;">Hello
9Worlds</span> second
10second line <span style="color: blue;">World</span> third
11</div>
12
13<div id="div-pre2" style="white-space: pre; width: 10em; border: solid black 1px; margin: 10px; padding: 10px;">first <span style="color: red;">Hello
14Worlds</span> second
15second line <span style="color: blue;">World</span> third
16</div>
17
18<div id="div-pre3" style="white-space: pre; width: 10em; border: solid black 1px; margin: 10px; padding: 10px;">
19first <span style="color: red;">Hello
20Worlds</span> second
21second line <span style="color: blue;">World</span> third
22</div>
23
24<div id="div-nowrap" style="white-space: nowrap; width: 10em; border: solid black 1px; margin: 10px; padding: 10px;">
25first <span style="color: red;">Hello
26Worlds</span> second
27second line <span style="color: blue;">World</span> third
28</div>
29
30<div id="div-pre-wrap" style="white-space: pre-wrap; width: 10em; border: solid black 1px; margin: 10px; padding: 10px;">
31first <span style="color: red;">Hello
32Worlds</span> second
33second line <span style="color: blue;">World</span> third
34</div>
35
36<div id="div-pre-wrap2" style="white-space: pre-wrap; width: 10em; border: solid black 1px; margin: 10px; padding: 10px;">first <span style="color: red;">Hello
37Worlds</span> second
38second line <span style="color: blue;">World</span> third
39</div>
40
41<div id="div-pre-line" style="white-space: pre-line; width: 10em; border: solid black 1px; margin: 10px; padding: 10px;">
42first <span style="color: red;">Hello
43Worlds</span> second
44second line <span style="color: blue;">World</span> third
45</div>