OLD | NEW |
| (Empty) |
1 <style> | |
2 html { | |
3 -webkit-locale: "en_US"; | |
4 } | |
5 | |
6 .text-box { | |
7 border: solid; | |
8 padding: 4px; | |
9 width: 330px; | |
10 font-size: 18px; | |
11 text-align: justify; | |
12 } | |
13 | |
14 .float { | |
15 width: 75px; | |
16 height: 5em; | |
17 background-color: aliceblue; | |
18 float: right; | |
19 margin-left: 10px; | |
20 } | |
21 | |
22 .hyphens-auto { | |
23 -webkit-hyphens: auto; | |
24 } | |
25 | |
26 .hyphens-none { | |
27 -webkit-hyphens: none; | |
28 } | |
29 | |
30 .test { | |
31 float: left; | |
32 margin: 0 4px; | |
33 } | |
34 </style> | |
35 <div class="test"> | |
36 <p><tt>hyphens: manual</tt> without soft hyphens</p> | |
37 <div class="text-box"> | |
38 <div class="float"></div> | |
39 The chief difficulty Alice found at first was in managing her | |
40 flamingo: she succeeded in getting its body tucked away, | |
41 comfortably enough, under her arm, with its legs hanging down, | |
42 but generally, just as she had got its neck nicely straightened | |
43 out, and was going to give the hedgehog a blow with its head, it | |
44 would twist itself round and look up in her face… | |
45 </div> | |
46 </div> | |
47 <div class="test"> | |
48 <p><tt>hyphens: none</tt> with soft hyphens</p> | |
49 <div class="text-box hyphens-none"> | |
50 <div class="float"></div> | |
51 The chief difficulty Alice found at first was in managing her | |
52 flamingo: she succeeded in get­ting its body tucked away, com­fo
rtably enough, under her arm, with its legs hanging down, | |
53 but generally, just as she had got its neck nicely straight­ened | |
54 out, and was going to give the hedge­hog a blow with its head, it | |
55 would twist itself round and look up in her face… | |
56 </div> | |
57 </div> | |
58 <div class="test"> | |
59 <p><tt>hyphens: manual</tt> with soft hyphens</p> | |
60 <div class="text-box"> | |
61 <div class="float"></div> | |
62 The chief difficulty Alice found at first was in managing her | |
63 flamingo: she succeeded in get­ting its body tucked away, | |
64 com­fortably enough, under her arm, with its legs hanging down, | |
65 but generally, just as she had got its neck nicely straight­ened | |
66 out, and was going to give the hedge­hog a blow with its head, it | |
67 would twist itself round and look up in her face… | |
68 </div> | |
69 </div> | |
70 <div class="test"> | |
71 <p><tt>hyphens: auto</tt> without soft hyphens</p> | |
72 <div class="text-box hyphens-auto"> | |
73 <div class="float"></div> | |
74 The chief difficulty Alice found at first was in managing her | |
75 flamingo: she succeeded in getting its body tucked away, | |
76 comfortably enough, under her arm, with its legs hanging down, | |
77 but generally, just as she had got its neck nicely straightened | |
78 out, and was going to give the hedgehog a blow with its head, it | |
79 would twist itself round and look up in her face… | |
80 </div> | |
81 </div> | |
OLD | NEW |