Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<meta charset="utf-8">
<title>display: list-item on non-<li> elements</title>
<link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me">
<style>
.list-item {
display: list-item;
list-style-type: decimal;
}
.list-item[hidden] {
display: none;
}
</style>
<p>This test matches if both lists display similar to the following:</p>
<pre>1. A
2. B
D
3. E</pre>
<hr>
<ol>
<li value="1">A</li>
<li value="2">B</li>
<span>D</span>
<li value="3">E</li>
</ol>
<ol>
<li value="1">A</li>
<li value="2">B</li>
<span>D</span>
<li value="3">E</li>
</ol>