| 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 |