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

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