| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| div { | |
| position: relative; | |
| width: 600px; | |
| } | |
| table { | |
| margin-left: 10px; | |
| margin-right: 20px; | |
| width: 200px; | |
| border: 1px solid black; | |
| } | |
| </style> | |
| <script src="../../resources/check-layout.js"></script> | |
| </head> | |
| <body onload="checkLayout('div')"> | |
| <div style="direction: ltr"> | |
| <table data-offset-x=10 style="direction: ltr"> | |
| <tr><td>Hello</td></tr> | |
| </table> | |
| <table data-offset-x=10 style="direction: rtl"> | |
| <tr><td>Hello</td></tr> | |
| </table> | |
| </div> | |
| <div style="direction: rtl"> | |
| <table data-offset-x=380 style="direction: ltr"> | |
| <tr><td>Hello</td></tr> | |
| </table> | |
| <table data-offset-x=380 style="direction: rtl"> | |
| <tr><td>Hello</td></tr> | |
| </table> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |