layout/reftests/bidi/bidi-006-ref.html

   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">&#x5e0;&#x5b8;</p>
  39   <p id="overhang"><span></span>&#x5e0;<span></span></p>
  40  </body>
  41 </html>