third_party/WebKit/LayoutTests/fast/table/margins-flipped-text-direction.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 div {
   6     position: relative;
   7     width: 600px;
   8 }
   9 table {
  10     margin-left: 10px;
  11     margin-right: 20px;
  12     width: 200px;
  13     border: 1px solid black;
  14 }
  15 </style>
  16 <script src="../../resources/check-layout.js"></script>
  17 </head>
  18
  19 <body onload="checkLayout('div')">
  20 <div style="direction: ltr">
  21 <table data-offset-x=10 style="direction: ltr">
  22     <tr><td>Hello</td></tr>
  23 </table>
  24 <table data-offset-x=10 style="direction: rtl">
  25     <tr><td>Hello</td></tr>
  26 </table>
  27 </div>
  28
  29 <div style="direction: rtl">
  30 <table data-offset-x=380 style="direction: ltr">
  31     <tr><td>Hello</td></tr>
  32 </table>
  33 <table data-offset-x=380 style="direction: rtl">
  34     <tr><td>Hello</td></tr>
  35 </table>
  36 </div>
  37
  38 </div>
  39 </body>
  40 </html>