word-break-auto-phrase-008.html (805B)
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-008-ref.html"> 7 <meta name="assert" content="auto-phrase must give up on suppressing hyphenation when that would lead to overflow"> 8 <style> 9 div { 10 font-size: 2em; 11 border-left: solid black; 12 margin: 15px; 13 width: 0; 14 hyphens: manual; 15 } 16 #test { 17 word-break: auto-phrase; 18 overflow-wrap: normal; 19 } 20 </style> 21 22 <p>Test passes if both words bellow are hyphenated. 23 24 <div id=test lang=en>con­sid­era­tion</div> 25 <div id=ref lang=en>con­sid­era­tion</div>