layout/reftests/writing-mode/1096224-1b.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta charset="utf-8">
   5 <style>
   6 .outer {
   7   padding: 2px;
   8   border: 1px solid black;
   9   background: #ddd;
  10   width: 200px;
  11 }
  12 .inner {
  13   width: 50px;
  14   height: 50px;
  15   background: yellow;
  16 }
  17 .foo {
  18   writing-mode: vertical-rl;
  19   margin-left: 100px;
  20   margin-right: 50px;
  21   margin-top: 20px;
  22   margin-bottom: 5px;
  23 }
  24 .bar {
  25   writing-mode: vertical-rl;
  26   margin-left: 50px;
  27   margin-right: 100px;
  28   margin-top: 5px;
  29   margin-bottom: 20px;
  30 }
  31 </style>
  32 </head>
  33
  34 <body>
  35
  36 <div class="outer">
  37   <div class="inner foo">
  38   </div>
  39 <hr>
  40   <div class="inner bar">
  41   </div>
  42 </div>
  43
  44 </body>
  45 </html>