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

   1 <!DOCTYPE HTML>
   2 <!--
   3     Any copyright is dedicated to the Public Domain.
   4     http://creativecommons.org/licenses/publicdomain/
   5 -->
   6 <html><head>
   7 <title>text-overflow: Standards mode line height</title>
   8 <style type="text/css">
   9 @font-face {
  10   font-family: DejaVuSansMono;
  11   src: url(../fonts/DejaVuSansMono.woff);
  12 }
  13 html,body {
  14     color:black; background-color:white; font-size:16px; padding:0; margin:0; font-family:DejaVuSansMono;
  15 }
  16
  17 .test {
  18   overflow:hidden;
  19
  20   float:left;
  21   white-space:pre;
  22   margin-left:1em;
  23   margin-bottom:1em;
  24   font-size:24px;
  25   color:blue;
  26   border:1px solid black;
  27   position:relative;
  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 m { font-size:24px; color:blue; line-height:8px; }
  48
  49 </style>
  50
  51 </head><body>
  52
  53 <div class="test t1"><span>0123456|</span><m>&#x2026;</m></div>
  54 <div class="test rtl rlo t1"><span>0123456|</span><m>&#x2026;</m></div>
  55
  56
  57 </body>
  58 </html>