<!doctype html>
<title>Inside list marker and normal text render identically: square</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-square-ref.html">
<style>
/*
Avoid using list-style:square 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-square {
system: extends square;
}
* {
padding: 0;
margin: 0;
}
ol {
list-style: my-square inside;
}
</style>
<ol>
<li>Filler Text</li>
</ol>