| <!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"> |
| <link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> |
| <link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> |
| |
| <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> |