overflow-wrap-002.html (1233B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text Test: overflow-wrap - break-word and white-space - nowrap</title> 4 <link rel="author" title="Intel" href="http://www.intel.com"> 5 <link rel="author" title="Shiyou Tan" href="mailto:shiyoux.tan@intel.com"> 6 <link rel="help" href="http://www.w3.org/TR/css-text-3/#overflow-wrap-property"> 7 <link rel="help" href="http://www.w3.org/TR/css-text-3/#white-space"> 8 <link rel="match" href="overflow-wrap-002-ref.html"> 9 <meta name="flags" content="ahem"> 10 <meta name="assert" content="Test checks that the 'overflow-wrap' property has effect if and only if the 'white-space' allows wrapping"> 11 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 12 <style> 13 #ref { 14 border: 5px solid orange; 15 font: 20px/1 Ahem; 16 overflow-wrap: break-word; 17 width: 200px; 18 } 19 #test { 20 border: 5px solid blue; 21 font: 20px/1 Ahem; 22 overflow-wrap: break-word; 23 white-space: nowrap; 24 width: 200px; 25 } 26 </style> 27 <body> 28 <p class="instructions">Test passes if the black box overflows the blue border box, but fits within the orange border box.</p> 29 <p id="ref">FillerTextFillerTextFillerTextFillerText</p> 30 <p id="test">FillerTextFillerTextFillerTextFillerText</p> 31 </body>