<!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>