text-wrap-balance-004-a-ref.html (868B)
1 <!DOCTYPE html> 2 <html lang="en" > 3 <meta charset="utf-8"> 4 <title>CSS Test reference</title> 5 <link rel='author' title='Florian Rivoal' href='https://florian.rivoal.net/'> 6 <style> 7 div { 8 border: solid; 9 font-family: monospace; 10 margin: 1ch; 11 width: 8.5ch; 12 /* the .5ch above should not be necessary, 13 but in some browsers the ellipsis is a little larger than 1ch, 14 so this gives it room to breathe. 15 Needing this may or may not be a bug, 16 but this is not what we're testing here. 17 */ 18 } 19 .test { 20 border-color: blue; 21 } 22 .ref1 { 23 border-color: orange; 24 } 25 26 .ref2 { 27 border-color: magenta; 28 } 29 </style> 30 31 <p>Test passes if the box with a blue frame is identical either the orange or magenta one. 32 33 <div class=test>1 2 3 4 5 6 7 8… 34 </div> 35 36 <div class=ref1>1 2 3 4 5 6 7 8… 37 </div> 38 39 <div class=ref2>1 2 3<br>4 5 6<br>7 8 9</div>