layout/reftests/bugs/427370-1.html

   1 <!DOCTYPE HTML>
   2 <html><head>
   3     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   4     <title>Testcase for bug 427370</title>
   5     <style type="text/css">
   6
   7         html,body {
   8             color:black; background-color: white; font-size:16px; padding:0; margin:0;
   9         }
  10         body {
  11             margin:10px;
  12         }
  13         ol,li{margin:0!important;padding:0!important}
  14         ol { margin-top:1em!important; }
  15         .rtl li {margin-right:40px!important;}
  16         .ltr li {margin-left:40px!important;}
  17
  18         DEBUG_li {
  19                 outline:1px dashed red;
  20                 border:3px dashed blue;
  21         }
  22         .inside li {
  23                 list-style-position:inside;
  24         }
  25
  26         .rtl label {
  27                 float:right;
  28         }
  29         .ltr label {
  30                 float:left;
  31         }
  32
  33         label {
  34                 width:100px;
  35                 height:1em;
  36                 background:pink;
  37         }
  38
  39         .rtl {
  40                 direction:rtl;
  41         }
  42         .ltr {
  43                 direction:ltr;
  44         }
  45
  46         .C {
  47                 padding:0 0.2em 0 0.2em;
  48         }
  49     </style>
  50 </head>
  51 <body>
  52 <div style="position:absolute;top:0;left: 50px;bottom:0;width:1px;background:lime;opacity:0.5"></div>
  53 <div style="position:absolute;top:0;right:50px;bottom:0;width:1px;background:lime;opacity:0.5"></div>
  54
  55 <div class="ltr">
  56                 <ol>
  57                         <li>
  58                                 <label></label>
  59                                 Outside
  60                         </li>
  61                         <li>
  62                                 <div></div><div><span class="C">C</span></div>
  63                         </li>
  64 </ol>
  65 </div>
  66
  67 <div class="rtl">
  68 <ol>
  69                         <li>
  70                                 <label></label>
  71                                 Outside
  72                         </li>
  73                         <li>
  74                                 <div></div><div><span class="C">C</span></div>
  75                         </li>
  76 </ol>
  77 </div>
  78
  79 <br style="clear:both;">
  80
  81 <div style="float:left; width:100px; height:5em; border:1px solid black"></div>
  82 <div class="ltr">
  83                 <ol>
  84                         <li>
  85                                 <label></label>
  86                                 Outside
  87                         </li>
  88                         <li>
  89                                 <div></div><div><span class="C">C</span></div>
  90                         </li>
  91 </ol>
  92 </div>
  93
  94 <br style="clear:both;">
  95
  96 <div style="float:right; width:100px; height:5em; border:1px solid black"></div>
  97 <div class="rtl">
  98 <ol>
  99                         <li>
 100                                 <label></label>
 101                                 Outside
 102                         </li>
 103                         <li>
 104                                 <div></div><div><span class="C">C</span></div>
 105                         </li>
 106 </ol>
 107 </div>
 108
 109
 110 <br style="clear:both;">
 111
 112 <div class="ltr">
 113                 <ol>
 114                         <li><div>
 115                                 <label></label>
 116                                 Outside
 117                         </div></li>
 118 </ol>
 119 </div>
 120
 121 <div class="rtl">
 122 <ol>
 123                         <li><div>
 124                                 <label></label>
 125                                 Outside
 126                         </div></li>
 127 </ol>
 128 </div>
 129
 130 <br style="clear:both;">
 131
 132 <div style="float:left; width:100px; height:5em; border:1px solid black"></div>
 133 <div class="ltr">
 134                 <ol>
 135                         <li><div>
 136                                 <label></label>
 137                                 Outside
 138                         </div></li>
 139 </ol>
 140 </div>
 141
 142 <br style="clear:both;">
 143
 144 <div style="float:right; width:100px; height:5em; border:1px solid black"></div>
 145 <div class="rtl">
 146 <ol>
 147                         <li><div>
 148                                 <label></label>
 149                                 Outside
 150                         </div></li>
 151 </ol>
 152 </div>
 153
 154 </body>
 155 </html>