src/third_party/WebKit/LayoutTests/fast/regions/counters/extract-ordered-lists-in-regions-001-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-top: 0;
  10             margin-bottom: 0;
  11         }
  12         ol ol {
  13             color: blue;
  14             list-style-type: lower-roman;
  15         }
  16         #list21, #list31 {
  17             margin-bottom: 1em;
  18         }
  19
  20         .region {
  21             background-color: lightgray;
  22             margin: 1em;
  23             float: left;
  24             width: 17em;
  25             height: 15em;
  26         }
  27         </style>
  28     </head>
  29     <body>
  30         <p>The test passes if there are three gray rectangles: the left one with a 4 items list, the middle one with two 2 items lists, the right one with two 5 items lists. <br> The blue items in the right rectangle should be indented and numbered using roman numerals.</p>
  31         <div class="region" id="region1">
  32             <ol id="list1">
  33                 <li>First list, item 1</li>
  34                 <li>First list, item 2</li>
  35                 <li>First list, item 3</li>
  36                 <li>First list, item 4</li>
  37             </ol>
  38         </div>
  39         <div class="region" id="region2">
  40             <ol id="list21">
  41                 <li>List 2-1, item 1</li>
  42                 <li>List 2-1, item 2</li>
  43             </ol>
  44             <ol id="list22">
  45                 <li>List 2-2, item 1</li>
  46                 <li>List 2-2, item 2</li>
  47             </ol>
  48         </div>
  49         <div class="region" id="region3">
  50             <ol id="list31">
  51                 <li>List 3-1, item 1</li>
  52                 <li>List 3-1, item 2
  53                     <ol>
  54                         <li>First inner list, item i</li>
  55                         <li>First inner list, item ii</li>
  56                     </ol>
  57                 </li>
  58                 <li>List 3-1, item 3</li>
  59             </ol>
  60             <ol id="list32">
  61                 <li>List 3-2, item 1</li>
  62                 <li>List 3-2, item 2</li>
  63                 <li>List 3-2, item 3
  64                     <ol>
  65                         <li>Second inner list, item i</li>
  66                         <li>Second inner list, item ii</li>
  67                     </ol>
  68                 </li>
  69             </ol>
  70         </div>
  71     </body>
  72 </html>