layout/reftests/text-overflow/quirks-line-height.html

   1 <!--
   2     Any copyright is dedicated to the Public Domain.
   3     http://creativecommons.org/licenses/publicdomain/
   4
   5     Test: Quirks mode line height should not be affected by marker
   6 -->
   7 <html><head>
   8 <title>text-overflow: Quirks mode line height</title>
   9 <style type="text/css">
  10 @font-face {
  11   font-family: DejaVuSansMono;
  12   src: url(../fonts/DejaVuSansMono.woff);
  13 }
  14 html,body {
  15     color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
  16 }
  17
  18 .test {
  19   overflow:hidden;
  20   text-overflow:ellipsis;
  21   float:left;
  22   white-space:pre;
  23   margin-left:1em;
  24   margin-bottom:1em;
  25   font-size:24px;
  26   color:blue;
  27   border:1px solid black;
  28 }
  29 span {
  30   font-size:16px;
  31   color:black;
  32 }
  33 .rlo {
  34   unicode-bidi: bidi-override; direction:rtl;
  35 }
  36 .lro {
  37   unicode-bidi: bidi-override;
  38 }
  39 .rtl {
  40   direction:rtl;
  41 }
  42 .ltr {
  43   direction:ltr;
  44 }
  45 .t1 { width:4em; }
  46
  47 </style>
  48
  49 </head><body>
  50
  51 <div class="test t1"><span>0123456|890123456789</span></div>
  52 <div class="test rtl rlo t1"><span>0123456|89012345</span></div>
  53
  54
  55 </body>
  56 </html>