src/third_party/WebKit/LayoutTests/fast/regions/counters/extract-list-items-007-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3     <head>
   4         <title>CSS Reftest Reference</title>
   5         <link rel="author" title="Mihai Balan" href="mibalan@adobe.com">
   6         <link rel="stylesheet" type="text/css" href="../resources/font-smoothing-disabler.css">
   7         <style>
   8         ol {
   9             margin: 0;
  10             padding: 0;
  11         }
  12         ol ol {
  13             color: blue;
  14             list-style-type: upper-roman;
  15         }
  16         .region {
  17             margin: 2em;
  18             background-color: lightgray;
  19             width: 20em;
  20         }
  21         </style>
  22     </head>
  23     <body>
  24         <p>This test passes if there is a gray rectangle with a numbered list, as described below.<br>
  25         The numbers for the list should be outside the rectangle and all items should render at the same indentation level.<br>
  26         The second and third items in the list should be blue and numbered using roman numerals, CI and C, respectively. All the other items in the list should be black and numbered with decimal numbers corresponding to the item text.<br>
  27         The final numbering of this list should be: 3, CI, C, 2, 1, 10, 11, 12, 13.</p>
  28         <div class="region" id="r1">
  29             <ol reversed="true">
  30                 <li>List item no. 3
  31                     <ol start="101" reversed>
  32                         <li>Roman-numbered list item CI</li>
  33                         <li>Roman-numbered list item C</li>
  34                     </ol>
  35                 </li>
  36                 <li>List item no. 2</li>
  37                 <li>List item no. 1</li>
  38             </ol>
  39             <ol start="10">
  40                 <li>List item no. 10</li>
  41                 <li>List item no. 11</li>
  42                 <li>List item no. 12</li>
  43                 <li>List item no. 13</li>
  44             </ol>
  45         </div>
  46     </body>
  47 </html>