| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>CSS Text level 4 Test: word-boundary-detection:normal</title> |
| <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> |
| <link rel="help" href="https://drafts.csswg.org/css-text-4/#word-boundary-detection"> |
| <link rel="mismatch" href="reference/word-boundary-102-ref.html"> |
| <meta name="assert" content="word-boundary-detection:normal turns on detection of word boundaries in south east asian scripts. Preferably in a smart, word-by-word basis, but if the UA doesn't support that, on a per character basis. Eitherway, lines should wrap"> |
| <style> |
| #wrap, #ref { |
| font-size: 2em; |
| border: solid orange; |
| margin: 5px; |
| width: 30ch; |
| } |
| #test { |
| width: 0; |
| word-boundary-detection: normal; |
| } |
| </style> |
| |
| <p>Test passes if the two boxes below are <em>different</em>. |
| |
| <div id=wrap lang=th> |
| <div id=test>กรุงเทพคือสวยงาม</div> |
| </div> |
| <div id=ref lang=th>กรุงเทพคือสวยงาม</div> |