grouping-li-reftest-display-list-item-ref.html (798B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>display: list-item on non-<li> elements</title> 4 <link rel="author" title="Domenic Denicola" href="mailto:d@domenic.me"> 5 <link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#ordinal-value"> 6 <link rel="help" href="https://html.spec.whatwg.org/multipage/semantics.html#list-owner"> 7 8 <style> 9 .list-item { 10 display: list-item; 11 list-style-type: decimal; 12 } 13 14 .list-item[hidden] { 15 display: none; 16 } 17 </style> 18 19 <p>This test matches if both lists display similar to the following:</p> 20 21 <pre>1. A 22 2. B 23 D 24 3. E</pre> 25 26 <hr> 27 28 <ol> 29 <li value="1">A</li> 30 <li value="2">B</li> 31 <span>D</span> 32 <li value="3">E</li> 33 </ol> 34 35 <ol> 36 <li value="1">A</li> 37 <li value="2">B</li> 38 <span>D</span> 39 <li value="3">E</li> 40 </ol>