layout/reftests/text-overflow/line-clipping-ref.html

   1 <!DOCTYPE HTML>
   2 <!--
   3     Any copyright is dedicated to the Public Domain.
   4     http://creativecommons.org/licenses/publicdomain/
   5 -->
   6 <html>
   7 <head>
   8 <title>Reference for bug 886313</title>
   9 <style type="text/css">
  10 @font-face {
  11   font-family: DejaVuSansMono;
  12   src: url(../fonts/DejaVuSansMono.woff),url(DejaVuSansMono.woff);
  13 }
  14 .test {
  15   font: 16px DejaVuSansMono;
  16   overflow: hidden;
  17   width:55px;
  18   border: 1px solid black;
  19   margin-bottom: 2px;
  20 }
  21 </style>
  22 </head>
  23 <body>
  24   <div class="test">well, hello world</div>
  25   <div class="test">well, hello worl&#x2026;</div>
  26   <div class="test">well, hell&#x2026; world</div>
  27 </body>
  28 </html>