1<div id="div-normal" style="white-space: normal; width: 10em; border: solid black 1px; margin: 10px; padding: 10px;">
2Lorem ipsum dolor sit amet,
3    consectetuer adipiscing elit.
4Donec suscipit purus in nunc.
5Donec convallis massa sit amet nibh lacinia rutrum. Cras nec nibh. Mauris pretium.<br/>
6Mauris in erat. Suspendisse potenti. Nam eros.
7Pellentesque habitant
8   morbi
9      tristique
10          senectus et netus et malesuada fames ac turpis egestas.
11</div>
12
13<div id="div-pre" style="white-space: pre; width: 10em; border: solid black 1px; margin: 10px; padding: 10px;">
14Lorem ipsum dolor sit amet,
15    consectetuer adipiscing elit.
16Donec suscipit purus in nunc.
17Donec convallis massa sit amet nibh lacinia rutrum. Cras nec nibh. Mauris pretium.<br/>
18Mauris in erat. Suspendisse potenti. Nam eros.
19Pellentesque habitant
20   morbi
21      tristique
22          senectus et netus et malesuada fames ac turpis egestas.
23</div>
24
25<div id="div-pre2" style="white-space: pre; width: 10em; border: solid black 1px; margin: 10px; padding: 10px;">Lorem ipsum dolor sit amet,
26    consectetuer adipiscing elit.
27Donec suscipit purus in nunc.
28Donec convallis massa sit amet nibh lacinia rutrum. Cras nec nibh. Mauris pretium.<br/>
29Mauris in erat. Suspendisse potenti. Nam eros.
30Pellentesque habitant
31   morbi
32      tristique
33          senectus et netus et malesuada fames ac turpis egestas.
34</div>
35
36<div id="div-pre3" style="white-space: pre; width: 10em; border: solid black 1px; margin: 10px; padding: 10px;">
37Lorem ipsum dolor sit amet,
38    consectetuer adipiscing elit.
39Donec suscipit purus in nunc.
40Donec convallis massa sit amet nibh lacinia rutrum. Cras nec nibh. Mauris pretium.<br/>
41Mauris in erat. Suspendisse potenti. Nam eros.
42Pellentesque habitant
43   morbi
44      tristique
45          senectus et netus et malesuada fames ac turpis egestas.
46
47</div>
48
49<div id="div-nowrap" style="white-space: nowrap; width: 10em; border: solid black 1px; margin: 10px; padding: 10px;">
50Lorem ipsum dolor sit amet,
51    consectetuer adipiscing elit.
52Donec suscipit purus in nunc.
53Donec convallis massa sit amet nibh lacinia rutrum. Cras nec nibh. Mauris pretium.<br/>
54Mauris in erat. Suspendisse potenti. Nam eros.
55Pellentesque habitant
56   morbi
57      tristique
58          senectus et netus et malesuada fames ac turpis egestas.
59</div>
60
61<div id="div-pre-wrap" style="white-space: pre-wrap; width: 10em; border: solid black 1px; margin: 10px; padding: 10px;">
62Lorem ipsum dolor sit amet,
63    consectetuer adipiscing elit.
64Donec    suscipit purus in nunc.
65Donec convallis massa sit amet nibh lacinia rutrum. Cras nec nibh. Mauris pretium.<br/>
66Mauris in erat. Suspendisse potenti. Nam eros.
67Pellentesque habitant
68   morbi
69      tristique
70          senectus et netus et malesuada fames ac turpis egestas.
71</div>
72
73<div id="div-pre-wrap2" style="white-space: pre-wrap; width: 10em; border: solid black 1px; margin: 10px; padding: 10px;">Lorem ipsum dolor sit amet,
74    consectetuer adipiscing elit.
75Donec    suscipit purus in nunc.
76Donec convallis massa sit amet nibh lacinia rutrum. Cras nec nibh. Mauris pretium.<br/>
77Mauris in erat. Suspendisse potenti. Nam eros.
78Pellentesque habitant
79   morbi
80      tristique
81          senectus et netus et malesuada fames ac turpis egestas.
82</div>
83
84<div id="div-pre-line" style="white-space: pre-line; width: 10em; border: solid black 1px; margin: 10px; padding: 10px;">
85Lorem ipsum dolor sit amet,
86    consectetuer adipiscing elit.
87Donec suscipit purus in nunc.
88Donec convallis massa sit amet nibh lacinia rutrum. Cras nec nibh. Mauris pretium.<br/>
89Mauris in erat. Suspendisse potenti. Nam eros.
90Pellentesque habitant
91   morbi
92      tristique
93          senectus et netus et malesuada fames ac turpis egestas.
94</div>