bidi-006-ref.html (1172B)
1 <!DOCTYPE html> 2 <!-- Bidi reftest 006: rtl text with diacritics. This is hard to reftest 3 because if there is a bug it will typically be exhibited in the reference 4 rendering as well as in the test. The approach adopted here is to 5 position boxes around the edges of the character without a diacritic and 6 make sure that the character with the diacritic displays in the same 7 space, so that if the diacritic is shifted to the right or left it will 8 be cut off in the test rendering and be visible (in the wrong place) in 9 the reference rendering. 10 11 Relevant bugs: 12 378351 (Windows) 13 386573 (Mac) 14 387653 (Linux) 15 395676 (Windows) 16 --> 17 <html> 18 <head> 19 <meta http-equiv="content-type" content="text/html; charset=utf-8"> 20 </head> 21 <style type="text/css"> 22 body { background: white; color: black; } 23 p { 24 font-family: sans-serif; 25 font-size: 36px; 26 margin: 0; 27 } 28 span { 29 display: inline-block; 30 width: 3em; 31 height: 3em; 32 margin-top: -2em; 33 vertical-align: bottom; 34 } 35 p#test { margin: 0 3em; } 36 </style> 37 <body> 38 <p id="test">נָ</p> 39 <p id="overhang"><span></span>נ<span></span></p> 40 </body> 41 </html>