mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-07 20:17:37 +00:00
76 lines
1.2 KiB
HTML
76 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Bug 1017335</title>
|
|
<style>
|
|
body {
|
|
font-family:monospace;
|
|
font-size:24px;
|
|
}
|
|
.outer {
|
|
position:absolute;
|
|
top:0;
|
|
width:300px;
|
|
}
|
|
ul {
|
|
margin:0;
|
|
list-style-type:disc;
|
|
}
|
|
span {
|
|
display:inline-block;
|
|
}
|
|
.L {
|
|
width:40px;
|
|
text-align:right;
|
|
}
|
|
.R {
|
|
width:40px;
|
|
text-align:left;
|
|
}
|
|
.bullet {
|
|
background:yellow;
|
|
padding:0 2px;
|
|
}
|
|
.spacer {
|
|
width:calc(0.5em - 2px);
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="outer">
|
|
<div>
|
|
<ul>
|
|
<li>foo</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div dir="rtl">
|
|
<ul>
|
|
<li>bar</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- The yellow background of the bullet spans here should completely cover the
|
|
bullets from the <ul> items above, even though the exact positioning of the
|
|
list item images may not match the plain-text version of the bullets.
|
|
Therefore, the testcase (with list-style-type:disc) and reference (none)
|
|
should match. -->
|
|
<div class="outer">
|
|
<div>
|
|
<span class="L"><span class="bullet">•</span><span class="spacer"></span></span>foo
|
|
</div>
|
|
|
|
<div dir="rtl">
|
|
<span class="R"><span class="bullet">•</span><span class="spacer"></span></span>bar
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|