third_party/WebKit/LayoutTests/fast/table/margins-perpendicular-containing-block.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 div {
   6     position: relative;
   7 }
   8 table {
   9     margin: 10px 20px 20px 10px;
  10 }
  11 </style>
  12 <script src="../../resources/check-layout.js"></script>
  13 </head>
  14
  15 <body onload="checkLayout('div')">
  16 <div style="-webkit-writing-mode: horizontal-tb">
  17 <table data-offset-x=10 style="-webkit-writing-mode: vertical-rl">
  18     <tr><td>Hello</td></tr>
  19 </table>
  20 <table data-offset-x=10 style="-webkit-writing-mode: vertical-lr">
  21     <tr><td>Hello</td></tr>
  22 </table>
  23 </div>
  24
  25 <div style="-webkit-writing-mode: horizontal-bt">
  26 <table data-offset-x=10 style="-webkit-writing-mode: vertical-rl">
  27     <tr><td>Hello</td></tr>
  28 </table>
  29 <table data-offset-x=10 style="-webkit-writing-mode: vertical-lr">
  30     <tr><td>Hello</td></tr>
  31 </table>
  32 </div>
  33
  34 <div style="-webkit-writing-mode: vertical-rl">
  35 <table data-offset-y=10 style="-webkit-writing-mode: horizontal-tb">
  36     <tr><td>Hello</td></tr>
  37 </table>
  38 <table data-offset-y=10 style="-webkit-writing-mode: horizontal-bt">
  39     <tr><td>Hello</td></tr>
  40 </table>
  41 </div>
  42
  43 <div style="-webkit-writing-mode: vertical-lr">
  44 <table data-offset-y=10 style="-webkit-writing-mode: horizontal-tb">
  45     <tr><td>Hello</td></tr>
  46 </table>
  47 <table data-offset-y=10 style="-webkit-writing-mode: horizontal-bt">
  48     <tr><td>Hello</td></tr>
  49 </table>
  50 </div>
  51 </body>
  52 </html>