LayoutTests/fast/writing-mode/margins.html

   1 <style>
   2 .container {
   3     position: relative;
   4     background-color: pink;
   5     outline: 1px solid black;
   6     display: inline-block;
   7 }
   8 .box {
   9     background-color: grey;
  10     width: 100px;
  11     height: 100px;
  12     margin: 10px 20px 30px 40px;
  13 }
  14 </style>
  15
  16 <div>The four boxes below should look identical.</div>
  17
  18 <div class="container">
  19     <div class="box" style="-webkit-writing-mode: horizontal-tb;"></div>
  20 </div>
  21
  22 <div class="container">
  23     <div class="box" style="-webkit-writing-mode: horitzontal-bt;"></div>
  24 </div>
  25
  26 <div class="container">
  27     <div class="box" style="-webkit-writing-mode: vertical-lr;"></div>
  28 </div>
  29
  30 <div class="container">
  31     <div class="box" style="-webkit-writing-mode: vertical-rl;"></div>
  32 </div>