src/third_party/WebKit/LayoutTests/fast/regions/counters/extract-list-items-002-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         ul:first-of-type, ol:first-of-type {
   9             color: blue;
  10         }
  11         ul:nth-of-type(3) {
  12             color: green;
  13         }
  14         ol, ul {
  15             margin: 0;
  16             padding: 0;
  17         }
  18
  19         .region {
  20             margin: 2em;
  21             background-color: lightgray;
  22             width: 200px;
  23         }
  24         </style>
  25     </head>
  26     <body>
  27         <p>This test passes if there are two gray rectangles:  the first with two numbered lists (3 items each), the second with three un-numbered lists (2 items each).<br>
  28         First list of each type should be blue, second list of each type should be black and the third un-ordered list should be green.
  29         </p>
  30         <p>Each numbered list should start at 1.<br>
  31         Both the numbers and the list markers should be outside of the gray rectangles.</p>
  32         <div class="region" id="r1">
  33             <ol>
  34                 <li>Ordered list 1, item 1</li>
  35                 <li>Ordered list 1, item 2</li>
  36                 <li>Ordered list 1, item 3</li>
  37             </ol>
  38             <ol>
  39                 <li>Ordered list 2, item 1</li>
  40                 <li>Ordered list 2, item 2</li>
  41                 <li>Ordered list 2, item 3</li>
  42             </ol>
  43         </div>
  44         <div class="region" id="r2">
  45             <ul>
  46                 <li>Unordered list 1, item 1</li>
  47                 <li>Unordered list 1, item 2</li>
  48             </ul>
  49             <ul>
  50                 <li>Unordered list 2, item 1</li>
  51                 <li>Unordered list 2, item 2</li>
  52             </ul>
  53             <ul>
  54                 <li>Unordered list 3, item 1</li>
  55                 <li>Unordered list 3, item 2</li>
  56             </ul>
  57         </div>
  58     </body>
  59 </html>