blob: 9ad6e7a01a9de9c0082aee288bb9506368eceb81 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<!doctype html>
<title>Inside list marker and normal text render identically: circle</title>
<link rel=help href="https://drafts.csswg.org/css-lists-3/#content-property">
<link rel=help href="https://bugs.chromium.org/p/chromium/issues/detail?id=787382">
<link rel=match href="marker-text-matches-circle-ref.html">
<style>
/*
Avoid using list-style:circle directly, because the spec allows the
rendering to deviate from the element's font.
https://drafts.csswg.org/css-counter-styles-3/#simple-symbolic
*/
@counter-style my-circle {
system: extends circle;
}
* {
padding: 0;
margin: 0;
}
ol {
list-style: my-circle inside;
}
</style>
<ol>
<li>Filler Text</li>
</ol>
|