numbering-4-ref.html (1736B)
1 <!DOCTYPE HTML> 2 <html><head> 3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 4 <title>Reference for testcase #2 for bug 1171419</title> 5 <style> 6 l { display:block; list-style: decimal inside; } 7 </style> 8 </head> 9 <body> 10 11 <ol style="display:flex; list-style-type:none"> 12 <l start="1"><li style="overflow: hidden">List item 1</li></l> 13 <l start="2"><li style="overflow: hidden">List item 2</li></l> 14 <l start="3"><li>List item 3</li></l> 15 <l start="4"><li style="overflow: hidden">List item 4</li></l> 16 <l start="5"><li style="overflow: hidden">List item 5</li></l> 17 <l start="6"><li>List item 6</li></l> 18 <l start="7"><li>List item 7</li></l> 19 </ol> 20 21 <ol style="display:flex; list-style-type:none"> 22 <div> 23 <l start="1"><li style="overflow: hidden">List item 1</li></l> 24 <l start="2"><li style="overflow: hidden">List item 2</li></l> 25 <l start="3"><li>List item 3</li></l> 26 </div> 27 </ol> 28 29 <ol style="display:flex; list-style-type:none"> 30 <div style="display:flex"> 31 <l start="1"><li style="overflow: hidden">List item 1</li></l> 32 <l start="2"><li style="overflow: hidden">List item 2</li></l> 33 <l start="3"><li>List item 3</li></l> 34 </div> 35 </ol> 36 37 <ol style="display:inline-flex; list-style-type:none"> 38 <div style="display:flex"> 39 <l start="1"><li style="overflow: hidden">List item 1</li></l> 40 <l start="2"><li style="overflow: hidden">List item 2</li></l> 41 <l start="3"><li>List item 3</li></l> 42 </div> 43 </ol> 44 45 <ol style="display:flex; list-style-type:none"> 46 <l start="1"><li style="column-width:1em;">item1</li></l> 47 <l start="2"><li style="column-width:1em;">item2</li></l> 48 <l start="3"><li style="column-width:1em;">item3</li></l> 49 </ol> 50 51 </body> 52 </html>