layout/reftests/text-overflow/theme-overflow.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   5   <title>Testcase for bug 669284</title>
   6
   7   <style type="text/css">
   8     p {
   9       overflow: hidden;
  10       text-overflow: ellipsis ellipsis;
  11       width: 200px;
  12     }
  13     .r {
  14       direction:rtl;
  15     }
  16
  17 .x0 { margin:0px;}
  18 .x1 { margin:1px;}
  19 .x2 { margin:2px;}
  20 .x3 { margin:3px;}
  21 .x4 { margin-left:-1px;}
  22 .r .x4 { margin-right:-1px;}
  23
  24 f { float:left; width:1px; height:1px; margin-left:-100px; }
  25 .r f { float:right; width:1px; height:1px; margin-right:-100px; }
  26   </style>
  27 </head>
  28 <body>
  29 <p>
  30     <input type="checkbox" class="x0"> 0<f></f><br>
  31     <input type="checkbox" class="x1"> 1<f></f><br>
  32     <input type="checkbox" class="x2"> 2<f></f><br>
  33     <input type="checkbox" class="x3"> 3<f></f><br>
  34     <input type="checkbox" class="x4"><f></f><br>
  35 </p>
  36
  37 <p>
  38     <input type="radio" class="x0"> 0<f></f><br>
  39     <input type="radio" class="x1"> 1<f></f><br>
  40     <input type="radio" class="x2"> 2<f></f><br>
  41     <input type="radio" class="x3"> 3<f></f><br>
  42     <input type="radio" class="x4"><f></f><br>
  43 </p>
  44
  45 <p class="r">
  46     <input type="checkbox" class="x0"> 0<f></f><br>
  47     <input type="checkbox" class="x1"> 1<f></f><br>
  48     <input type="checkbox" class="x2"> 2<f></f><br>
  49     <input type="checkbox" class="x3"> 3<f></f><br>
  50     <input type="checkbox" class="x4"><f></f><br>
  51 </p>
  52
  53 <p class="r">
  54     <input type="radio" class="x0"> 0<f></f><br>
  55     <input type="radio" class="x1"> 1<f></f><br>
  56     <input type="radio" class="x2"> 2<f></f><br>
  57     <input type="radio" class="x3"> 3<f></f><br>
  58     <input type="radio" class="x4"><f></f><br>
  59 </p>
  60
  61 </body>
  62 </html>