eol-spaces-bidi-001-ref.html (1271B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text 3 test reference</title> 4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"> 5 6 <style> 7 @font-face { 8 font-family: "Hasubi Mono"; 9 src: url("/fonts/hasubi-mono/HasubiMono-Regular.woff2"); 10 } 11 12 div { 13 font-family: "Hasubi Mono", monospace; 14 border: solid blue; 15 font-size: 1.5em; 16 white-space: pre; 17 } 18 .ref { 19 border-color: orange; 20 } 21 .w5 { width: 5.01ch; } 22 .w6 { width: 6.01ch; } 23 .w7 { width: 7.01ch; } 24 25 .blue { background: #aaaaff; } 26 .red { background: #ffaaaa; } 27 .green { background: #aaffaa; } 28 </style> 29 30 <p>Test passes if each pair of blue / orange boxes are identical (except for the color of their border). 31 32 <div class="w5">A<span class=blue> </span>B<span class=red> </span>ا<br>ب</div> 33 <div class="w5 ref">A<span class=blue> </span>B<span class=red> </span>ا<br>ب</div> 34 35 <hr> 36 37 <div class="w6">A<span class=blue> </span>B<span class=red> </span>ا<br>ب</div> 38 <div class="w6 ref">A<span class=blue> </span>B<span class=red> </span>ا<br>ب</div> 39 40 <hr> 41 42 <div class="w7">A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب</div> 43 <div class="w7 ref">A<span class=blue> </span>B<span class=red> </span>ا<span class=green> </span>ب</div>