diff options
Diffstat (limited to 'layout/reftests/list-item/bullet-space-1.html')
| -rw-r--r-- | layout/reftests/list-item/bullet-space-1.html | 74 |
1 files changed, 74 insertions, 0 deletions
diff --git a/layout/reftests/list-item/bullet-space-1.html b/layout/reftests/list-item/bullet-space-1.html new file mode 100644 index 0000000000..9bfc894578 --- /dev/null +++ b/layout/reftests/list-item/bullet-space-1.html @@ -0,0 +1,74 @@ +<!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; + white-space: pre; + } + .R { + width:40px; + text-align:left; + white-space: pre; + } + .bullet { + background:yellow; + } + ::marker { font-family:inherit; } + </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>foo +</div> + +<div dir="rtl"> + <span class="R"><span class="bullet">•</span> </span>bar +</div> +</div> + +</body> + +</html> |