word-break-break-all-ref-008.html (740B)
1 <!DOCTYPE html> 2 <html lang="en" > 3 <head> 4 <meta charset="utf-8"> 5 <title>word-break: break-all, syllabic cluster</title> 6 <link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> 7 <style type='text/css'> 8 .test { word-break: break-all; } 9 /* the CSS below is not part of the test */ 10 .test, .ref { border: 1px solid orange; margin: 20px; padding: 10px; width: 390px; font: 36px/1.5 sans-serif; } 11 </style> 12 </head> 13 <body> 14 <div id='instructions'>Test passes if the two orange boxes are the same.</div> 15 <div class="ref" lang="hi"><span>हिन्दी हिन्दी हि<br/>न्दी</span></div> 16 <div class="ref" lang="hi"><span>हिन्दी हिन्दी हि<br/>न्दी</span></div> 17 </body> 18 </html>