diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-lists/inline-list-marker.html')
-rw-r--r-- | testing/web-platform/tests/css/css-lists/inline-list-marker.html | 63 |
1 files changed, 63 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-lists/inline-list-marker.html b/testing/web-platform/tests/css/css-lists/inline-list-marker.html new file mode 100644 index 0000000000..3535f22ce2 --- /dev/null +++ b/testing/web-platform/tests/css/css-lists/inline-list-marker.html @@ -0,0 +1,63 @@ +<!DOCTYPE html> +<!-- + Any copyright is dedicated to the Public Domain. + http://creativecommons.org/publicdomain/zero/1.0/ +--> +<head> + <meta charset="utf-8"> + <title>CSS Test: inline list-item with ::marker</title> + <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com"> + <link rel="help" href="https://drafts.csswg.org/css-lists-3/#marker-pseudo"> + <link rel="help" href="https://drafts.csswg.org/css-display/#propdef-display"> + <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1105868"> + <link rel="match" href="inline-list-marker-ref.html"> +<style> +html,body { + color:black; background-color:white; font:16px/1 monospace; padding:0; margin:0; +} +ol,ul,li { margin:0; padding:0; } +body { margin-left: 40px; } + +li { display: inline list-item; border: 1px solid; } +li::marker { content: counters(list-item, ".") " "; } +.wrap { width: 22ch; } +</style> +</head> +<body> + +<div class="wrap"> +<li>A A A A A A A A A A A A A A A A A A A A </li> +<li>B</li> + +<ol> +<li>A A A A A A A A A A A A A A A A A A A A </li> +<li>B</li> +<li>C</li> +</ol> + +<ol style="display:inline"> +<li>A A A A A A A A A A A A A A A A A A A A </li> +<li>B</li> +<li>C</li> +</ol> + +<ol style="display:inline"> +<li>A A A A A A A A A A A A A A A A A A A A </li> +<li>B<ol> +<li>a a a a a a a a a a a a a a a a a a a a </li> +<li>b</li> +</ol></li> +<li>C</li> +</ol> + +<ul> +<li>A A A A A A A A A A A A A A A A A A A A </li> +<li>B<ol style="display:inline"> +<li>a a a a a a a a a a a a a a a a a a a a </li> +<li>b</li> +</ol></li> +<li>C</li> +</ul> +</div> + +</body> |