<!DOCTYPE HTML> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Testcase for bug 427370</title> <style type="text/css"> html,body { color:black; background-color: white; font-size:16px; padding:0; margin:0; } body { margin:10px; } ol,li{margin:0!important;padding:0!important} ol { margin-top:1em!important; } .rtl li {margin-right:40px!important;} .ltr li {margin-left:40px!important;} DEBUG_li { outline:1px dashed red; border:3px dashed blue; } .inside li { list-style-position:inside; } .rtl label { float:right; } .ltr label { float:left; } label { width:100px; height:1em; background:pink; } .rtl { direction:rtl; } .ltr { direction:ltr; } .C { padding:0 0.2em 0 0.2em; } </style> </head> <body> <div style="position:absolute;top:0;left: 50px;bottom:0;width:1px;background:lime;opacity:0.5"></div> <div style="position:absolute;top:0;right:50px;bottom:0;width:1px;background:lime;opacity:0.5"></div> <div class="ltr"> <ol> <li><div style="overflow:hidden;"> <label></label> Outside </div></li> <li><div style="overflow:hidden;"> <div></div><div><span class="C">C</span></div> </div></li> </ol> </div> <div class="rtl"> <ol> <li><div style="overflow:hidden;"> <label></label> Outside </div></li> <li><div style="overflow:hidden;"> <div></div><div><span class="C">C</span></div> </div></li> </ol> </div> <br style="clear:both;"> <div style="float:left; width:100px; height:5em; border:1px solid black"></div> <div class="ltr"> <ol> <li><div style="overflow:hidden;"> <label></label> Outside </div></li> <li><div style="overflow:hidden;"> <div></div><div><span class="C">C</span></div> </div></li> </ol> </div> <br style="clear:both;"> <div style="float:right; width:100px; height:5em; border:1px solid black"></div> <div class="rtl"> <ol> <li><div style="overflow:hidden;"> <label></label> Outside </div></li> <li><div style="overflow:hidden;"> <div></div><div><span class="C">C</span></div> </div></li> </ol> </div> <br style="clear:both;"> <div class="ltr"> <ol> <li><div><div style="overflow:hidden;"> <label></label> Outside </div></div></li> </ol> </div> <div class="rtl"> <ol> <li><div><div style="overflow:hidden;"> <label></label> Outside </div></div></li> </ol> </div> <br style="clear:both;"> <div style="float:left; width:100px; height:5em; border:1px solid black"></div> <div class="ltr"> <ol> <li><div><div style="overflow:hidden;"> <label></label> Outside </div></div></li> </ol> </div> <br style="clear:both;"> <div style="float:right; width:100px; height:5em; border:1px solid black"></div> <div class="rtl"> <ol> <li><div><div style="overflow:hidden;"> <label></label> Outside </div></div></li> </ol> </div> </body> </html>