word-break-auto-phrase-006.html (858B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text level 4 Test: word-break: auto-phrase hyphenation</title> 4 <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> 5 <link rel="help" href="https://drafts.csswg.org/css-text-4/#word-break-property"> 6 <link rel="match" href="reference/word-break-auto-phrase-006-ref.html"> 7 <meta name="assert" content="auto-phrase word breaking must suppress hyphenation"> 8 <style> 9 div { 10 font-size: 2em; 11 border: solid black; 12 margin: 5px; 13 width: min-content; 14 } 15 #test1 { 16 word-break: auto-phrase; 17 hyphens: manual; 18 } 19 #test2 { 20 word-break: auto-phrase; 21 hyphens: auto; 22 } 23 #ref { 24 hyphens: none; 25 } 26 </style> 27 28 <p>Test passes if all boxes below are identical. 29 30 <div id=test1 lang=en>con­sid­era­tion</div> 31 <div id=test2 lang=en>consideration</div> 32 <div id=ref lang=en>consideration</div>