| <!DOCTYPE HTML> |
| |
| <h2>Test counter(list-item), using generated content</h2> |
| |
| <div style="float: left; width: 200px"> |
| |
| Ordered lists |
| |
| <ol> |
| <li>1 a 1</li> |
| <li>2 b 2</li> |
| <li>3 c 3</li> |
| </ol> |
| |
| <ol> |
| <li value="30">30 a 30</li> |
| <li value="31">31 b 31</li> |
| <li value="32">32 c 32</li> |
| </ol> |
| |
| <ol> |
| <li>1 a 1</li> |
| <li>2 b 2</li> |
| <li value="30">30 c 30</li> |
| <li value="31">31 d 31</li> |
| <li value="35">35 e 35</li> |
| <li value="36">36 f 36</li> |
| </ol> |
| |
| </div> |
| |
| <div style="float: left; width: 200px"> |
| |
| Reversed ordered lists |
| |
| <ol> |
| <li value="3">3 a 3</li> |
| <li value="2">2 b 2</li> |
| <li value="1">1 c 1</li> |
| </ol> |
| |
| <ol> |
| <li value="30">30 a 30</li> |
| <li value="29">29 b 29</li> |
| <li value="28">28 c 28</li> |
| </ol> |
| |
| <ol> |
| <li value="6">6 a 6</li> |
| <li value="5">5 b 5</li> |
| <li value="30">30 c 30</li> |
| <li value="29">29 d 29</li> |
| <li value="35">35 e 35</li> |
| <li value="34">34 f 34</li> |
| </ol> |
| |
| </div> |
| |
| <div style="float: left; width: 200px"> |
| |
| Unordered lists |
| |
| <ul> |
| <li>1 a 1</li> |
| <li>2 b 2</li> |
| <li>3 c 3</li> |
| </ul> |
| |
| <ul> |
| <li>1 a 1</li> |
| <li>2 b 2</li> |
| <li>30 c 30</li> |
| <li>31 d 31</li> |
| <li>35 e 35</li> |
| <li>36 f 36</li> |
| </ul> |
| |
| </div> |
| |
| <div style="float: left; width: 200px"> |
| |
| Some simple combinations with directives |
| |
| <ol> |
| <li>100 a 100</li> |
| <li>300 b 300</li> |
| <li>401 c 401</li> |
| <li>1100 d 1100</li> |
| </ol> |
| |
| <ol> |
| <li value="30">30 a 30</li> |
| <li value="31">230 b 230</li> |
| <li value="32">401 c 401</li> |
| <li value="33">1100 d 1100</li> |
| </ol> |
| |
| </div> |
