break-spaces-with-ideographic-space-001.html (1049B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text level 3 Test: ideographic space at the end of line and white-space is break-spaces</title> 4 <link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> 5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#white-space-phase-2"> 6 <link rel="help" href="https://drafts.csswg.org/css-text-3/#valdef-white-space-break-spaces"> 7 <link rel="match" href="reference/pre-wrap-001-ref.html"> 8 <meta name="assert" content="ideographic space at the end of the line is wrapped when the white-space property is set to break-spaces."> 9 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 10 <style> 11 div { 12 font-size: 20px; 13 font-family: Ahem; 14 line-height: 1em; 15 white-space: break-spaces; 16 color: green; 17 18 background: linear-gradient(red, red) 1ch 0/2ch 2ch no-repeat; 19 20 width: 4ch; 21 margin-left: -1ch; 22 } 23 </style> 24 <body> 25 <p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p> 26 <div>　XX　　XX</div> 27 </body>