layout/reftests/list-item/numbering-4-ref.html

   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>