third_party/WebKit/LayoutTests/fast/writing-mode/borders.html

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