line-breaking-022.html (1073B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text Test: Simple line breaking test</title> 4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> 5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#line-break-details"> 6 <link rel="match" href="reference/line-reabking-022.html"> 7 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" > 8 <meta name="flags" content="ahem" > 9 <meta name=assert content="Any Unicode character with the BK and NL line breaking class must be treated as forced line breaks"> 10 <style> 11 div { 12 font: 25px/1 Ahem; 13 color: transparent; /* No interested in the rendering of the characters with BK an ML line breaking classes themselves, merely in their effects on line breaking. */ 14 } 15 span { color: green; } 16 .red { 17 z-index: -1; 18 position: absolute; 19 width: 1em; 20 height: 6em; 21 background: red; 22 } 23 </style> 24 25 <p>This test passes if there is no red. 26 27 <div class=red></div> 28 29 <div> 30 <span>1</span><span>2</span><span>3</span>
<span>4</span>
<span>5</span>…<span>6</span> 31 </div>