overflow-wrap-anywhere-011.html (1232B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset="utf-8"> 4 <title>CSS Text Test: overflow-wrap: anywhere</title> 5 <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com"> 6 <link rel="author" title="Mozilla" href="https://www.mozilla.org/"> 7 <link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-overflow-wrap-anywhere"> 8 <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2"> 9 <link rel="match" href="overflow-wrap-anywhere-011-ref.html"> 10 <meta name="assert" content="End-of line space glyph (U+0020 and U+0009)'s width shouldn't contribute to container's min-content width with 'white-space: normal', and non-collapsible spaces should wrap with 'overflow-wrap: anywhere'."> 11 12 <style> 13 div { 14 /* Use sans-serif fonts to ensure the width of ` ` is larger than `i`. */ 15 font-family: Arial, Helvetica, sans-serif; 16 font-size: 100px; 17 width: min-content; 18 overflow-wrap: anywhere; 19 border: 5px solid blue; 20 margin-bottom: 5px; /* To separate <div>s visually. */ 21 } 22 </style> 23 24 <p>The first three div should have the same width, but the fourth one should be wider.</p> 25 <div>i</div> 26 <div>i </div> 27 <div>i	</div> 28 <div>i </div> 29 </html>