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

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