implicit-and-explicit-list-item-counters.html (757B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Test: implicit and explicit list-item counters</title> 4 <link rel="author" href="mailto:sakhapov@chromium.org"> 5 <link rel="match" href="implicit-and-explicit-list-item-counters-ref.html"> 6 <link rel="help" href="https://drafts.csswg.org/css-lists/#auto-numbering"> 7 <style> 8 ol.with-custom-markers { 9 list-style: none; 10 margin: 0; 11 padding: 0; 12 } 13 ol.with-custom-markers li { 14 list-style: none; 15 } 16 ol.with-custom-markers > li::before { 17 content: counter(list-item) ". "; 18 } 19 </style> 20 21 <ol class="with-custom-markers"> 22 <li>List item 1</li> 23 <li> 24 List item 2 25 <ul style="margin: 0; padding: 0;"> 26 <li>With sub items</li> 27 <li>With sub items</li> 28 </ul> 29 </li> 30 <li>List item 3</li> 31 </ol>