tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

grouping-li-reftest-display-list-item.html (1018B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>display: list-item on non-&lt;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 <link rel="match" href="grouping-li-reftest-display-list-item-ref.html">
      9 
     10 <style>
     11  .list-item {
     12    display: list-item;
     13    list-style-type: decimal;
     14  }
     15 
     16  .list-item[hidden] {
     17    display: none;
     18  }
     19 </style>
     20 
     21 <p>This test matches if both lists display similar to the following:</p>
     22 
     23 <pre>1. A
     24 2. B
     25   D
     26 3. E</pre>
     27 
     28 <hr>
     29 
     30 <ul>
     31  <span class="list-item">A</span>
     32  <span class="list-item">B</span>
     33  <span class="list-item" hidden>C</span>
     34  <span>D</span>
     35  <span class="list-item">E</span>
     36 </ul>
     37 
     38 <ol>
     39  <div class="list-item">A</div>
     40  <div class="list-item">B</div>
     41  <div class="list-item" hidden>C</div>
     42  <div>D</div>
     43  <div class="list-item">E</div>
     44 </ol>