src/third_party/WebKit/LayoutTests/fast/regions/counters/extract-unordered-lists-in-regions-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 {
   9             margin-top: 0;
  10             margin-bottom: 0;
  11         }
  12         ul ul {
  13             color: blue;
  14         }
  15         #list21, #list31 {
  16             margin-bottom: 1em;
  17         }
  18
  19         .region {
  20             background-color: lightgray;
  21             margin: 1em;
  22             float: left;
  23             width: 20em;
  24             height: 15em;
  25         }
  26         </style>
  27     </head>
  28     <body>
  29         <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 have a different marker.</p>
  30         <div class="region" id="region1">
  31             <ul id="list1">
  32                 <li>Unordered list, item 1</li>
  33                 <li>Unordered list, item 2</li>
  34                 <li>Unordered list, item 3</li>
  35                 <li>Unordered list, item 4</li>
  36             </ul>
  37         </div>
  38         <div class="region" id="region2">
  39             <ul id="list21">
  40                 <li>Unordered list 2-1, item 1</li>
  41                 <li>Unordered list 2-1, item 2</li>
  42             </ul>
  43             <ul id="list22">
  44                 <li>Unordered list 2-2, item 1</li>
  45                 <li>Unordered list 2-2, item 2</li>
  46             </ul>
  47         </div>
  48         <div class="region" id="region3">
  49             <ul id="list31">
  50                 <li>Unordered list 3-1, item 1</li>
  51                 <li>Unordered list 3-1, item 2
  52                     <ul>
  53                         <li>First unordered inner list, item 1</li>
  54                         <li>First unordered inner list, item 2</li>
  55                     </ul>
  56                 </li>
  57                 <li>Unordered list 3-1, item 3</li>
  58             </ul>
  59             <ul id="list32">
  60                 <li>Unordered list 3-2, item 1</li>
  61                 <li>Unordered list 3-2, item 2</li>
  62                 <li>Unordered list 3-2, item 3
  63                     <ul>
  64                         <li>Second unordered inner list, item 1</li>
  65                         <li>Second unordered inner list, item 2</li>
  66                     </ul>
  67                 </li>
  68             </ul>
  69         </div>
  70     </body>
  71 </html>