| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <style> | 
|  | 2     .text-box { | 
|  | 3         border: solid; | 
|  | 4         padding: 4px; | 
|  | 5         width: 110px; | 
|  | 6         font-size: 18px; | 
|  | 7         text-align: justify; | 
|  | 8     } | 
|  | 9 | 
|  | 10     .hyphenate-character-tilde-dot { | 
|  | 11         -webkit-hyphenate-character: "\B7~"; | 
|  | 12     } | 
|  | 13 | 
|  | 14     .test { | 
|  | 15         float: left; | 
|  | 16         margin: 0 4px; | 
|  | 17     } | 
|  | 18 </style> | 
|  | 19 <div class="test"> | 
|  | 20     <p>The initial value (should be like <tt>auto</tt>)</p> | 
|  | 21     <div class="text-box"> | 
|  | 22       antidisestab-lishment-arianism | 
|  | 23     </div> | 
|  | 24 </div> | 
|  | 25 <div class="test"> | 
|  | 26     <p>The default (<tt>hyphenate-character: auto</tt>)</p> | 
|  | 27     <div class="text-box hyphenate-character-auto"> | 
|  | 28       antidisestab-lishment-arianism | 
|  | 29     </div> | 
|  | 30 </div> | 
|  | 31 <div class="test"> | 
|  | 32     <p>Bullet (<tt>hyphenate-character: "\2022"</tt>)</p> | 
|  | 33     <div class="text-box hyphenate-character-bullet"> | 
|  | 34       antidisestab• lishment• arianism | 
|  | 35     </div> | 
|  | 36 </div> | 
|  | 37 <div class="test"> | 
|  | 38     <p>Middle dot and tilde (<tt>hyphenate-character: "\B7~"</tt>)</p> | 
|  | 39     <div class="text-box hyphenate-character-tilde-dot"> | 
|  | 40       antidisestab·~ lishment·~ arianism | 
|  | 41     </div> | 
|  | 42 </div> | 
| OLD | NEW | 
|---|