counter-list-item-ref.html (1247B)
1 <!DOCTYPE HTML> 2 3 <h2>Test counter(list-item), using generated content</h2> 4 5 <div style="float: left; width: 200px"> 6 7 Ordered lists 8 9 <ol> 10 <li>1 a 1</li> 11 <li>2 b 2</li> 12 <li>3 c 3</li> 13 </ol> 14 15 <ol> 16 <li value="30">30 a 30</li> 17 <li value="31">31 b 31</li> 18 <li value="32">32 c 32</li> 19 </ol> 20 21 <ol> 22 <li>1 a 1</li> 23 <li>2 b 2</li> 24 <li value="30">30 c 30</li> 25 <li value="31">31 d 31</li> 26 <li value="35">35 e 35</li> 27 <li value="36">36 f 36</li> 28 </ol> 29 30 </div> 31 32 <div style="float: left; width: 200px"> 33 34 Reversed ordered lists 35 36 <ol> 37 <li value="3">3 a 3</li> 38 <li value="2">2 b 2</li> 39 <li value="1">1 c 1</li> 40 </ol> 41 42 <ol> 43 <li value="30">30 a 30</li> 44 <li value="29">29 b 29</li> 45 <li value="28">28 c 28</li> 46 </ol> 47 48 <ol> 49 <li value="32">32 a 32</li> 50 <li value="31">31 b 31</li> 51 <li value="30">30 c 30</li> 52 <li value="29">29 d 29</li> 53 <li value="35">35 e 35</li> 54 <li value="34">34 f 34</li> 55 </ol> 56 57 </div> 58 59 <div style="float: left; width: 200px"> 60 61 Unordered lists 62 63 <ul> 64 <li>1 a 1</li> 65 <li>2 b 2</li> 66 <li>3 c 3</li> 67 </ul> 68 69 <ul> 70 <li>1 a 1</li> 71 <li>2 b 2</li> 72 <li>30 c 30</li> 73 <li>31 d 31</li> 74 <li>35 e 35</li> 75 <li>36 f 36</li> 76 </ul> 77 78 </div>