third_party/WebKit/LayoutTests/fast/css-generated-content/box-orient.html

   1 <!DOCTYPE html>
   2
   3 <style>
   4 .container {
   5   display: box;
   6   display: -moz-box;
   7   display: -webkit-box;
   8   box-orient: vertical;
   9   -moz-box-orient: vertical;
  10   -webkit-box-orient: vertical;
  11 }
  12
  13 .container:before {
  14   display: block;
  15   content: "Before content";
  16   background:red;
  17 }
  18
  19 .c1o2 {
  20     -moz-box-ordinal-group: 2;
  21     -webkit-box-ordinal-group: 2;
  22     box-ordinal-group: 2;
  23 }
  24
  25 .c2o1 {
  26     -moz-box-ordinal-group: 1;
  27     -webkit-box-ordinal-group: 1;
  28     box-ordinal-group: 1;
  29 }
  30 </style>
  31
  32 <h1>Normal</h1>
  33 <div class="container">
  34   <div>1st in code - 1nd in order</div>
  35   <div>2nd in code - 2nd in order</div>
  36 </div>
  37
  38 <h1>Reordered</h1>
  39 <div class="container">
  40   <div class="c1o2">1st in code - 2nd in order</div>
  41   <div class="c2o1">2nd in code - 1st in order</div>
  42 </div>