зеркало из https://github.com/mozilla/gecko-dev.git
153 строки
4.1 KiB
HTML
153 строки
4.1 KiB
HTML
|
<!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;
|
||
|
}
|
||
|
|
||
|
</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>C</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>C</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>C</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>C</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>
|