427370-1-ref.html (4403B)
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><div style="overflow:hidden;"> 58 <label></label> 59 Outside 60 </div></li> 61 <li><div style="overflow:hidden;"> 62 <div></div><div><span class="C">C</span></div> 63 </div></li> 64 </ol> 65 </div> 66 67 <div class="rtl"> 68 <ol> 69 <li><div style="overflow:hidden;"> 70 <label></label> 71 Outside 72 </div></li> 73 <li><div style="overflow:hidden;"> 74 <div></div><div><span class="C">C</span></div> 75 </div></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><div style="overflow:hidden;"> 85 <label></label> 86 Outside 87 </div></li> 88 <li><div style="overflow:hidden;"> 89 <div></div><div><span class="C">C</span></div> 90 </div></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><div style="overflow:hidden;"> 100 <label></label> 101 Outside 102 </div></li> 103 <li><div style="overflow:hidden;"> 104 <div></div><div><span class="C">C</span></div> 105 </div></li> 106 </ol> 107 </div> 108 109 110 <br style="clear:both;"> 111 112 <div class="ltr"> 113 <ol> 114 <li><div><div style="overflow:hidden;"> 115 <label></label> 116 Outside 117 </div></div></li> 118 </ol> 119 </div> 120 121 <div class="rtl"> 122 <ol> 123 <li><div><div style="overflow:hidden;"> 124 <label></label> 125 Outside 126 </div></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><div style="overflow:hidden;"> 136 <label></label> 137 Outside 138 </div></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><div style="overflow:hidden;"> 148 <label></label> 149 Outside 150 </div></div></li> 151 </ol> 152 </div> 153 154 </body> 155 </html>