layout/reftests/webkit-box/webkit-box-ordinal-group-3-ref.html

   1 <!DOCTYPE html>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <html>
   7 <head>
   8   <title>
   9     CSS Reference
  10   </title>
  11   <style>
  12     .box {
  13       display: flex;
  14       border: 1px solid black;
  15       margin: 5px 20px;
  16       float: left; /* For testing in "rows" */
  17     }
  18     br { clear: both; }
  19
  20     .box > * {
  21       border: 1px dotted purple;
  22     }
  23   </style>
  24 </head>
  25 <body>
  26   <div class="box">
  27     <div>*</div>
  28     <div>10</div>
  29     <div>A</div>
  30   </div>
  31   <div class="box">
  32     <div>*</div>
  33     <div>10</div>
  34     <div>B</div>
  35   </div>
  36   <div class="box">
  37     <div>*</div>
  38     <div>10</div>
  39     <div>C</div>
  40   </div>
  41
  42   <br>
  43
  44   <div class="box">
  45     <div>*</div>
  46     <div>10</div>
  47     <div>D</div>
  48   </div>
  49   <div class="box">
  50     <div>*</div>
  51     <div>10</div>
  52     <div>E</div>
  53   </div>
  54   <div class="box">
  55     <div>*</div>
  56     <div>10</div>
  57     <div>F</div>
  58   </div>
  59
  60   <br>
  61
  62   <div class="box">
  63     <div>A</div>
  64     <div>B</div>
  65   </div>
  66   <div class="box">
  67     <div>A</div>
  68     <div>C</div>
  69   </div>
  70   <div class="box">
  71     <div>A</div>
  72     <div>D</div>
  73   </div>
  74   <div class="box">
  75     <div>A</div>
  76     <div>E</div>
  77   </div>
  78   <div class="box">
  79     <div>A</div>
  80     <div>F</div>
  81   </div>
  82 </body>
  83 </html>