<!doctype html>
<html>
<head>
<style>
.default {
    background-color: lime;
    margin: 5px;
}
.ltr {
    direction: ltr;
    background-color: lime;
    margin: 5px;
}
.rtl {
    direction: rtl;
    background-color: lime;
    margin: 5px;
}
</style>
</head>
<body>
    <p>This test the style is not copied from the wrong source when the direction is defined.</p>
    <!-- The inline style strings must be strictly equal. Each tested div must also match the exact same set of rules. -->
    <div class="rtl">
        <div style="height: 25px; width: 50px; background-color: red; margin-inline-start: 200px; -moz-margin-start: 200px;"></div>
        <div>
            <div style="height: 25px; width: 50px; background-color: red; margin-inline-start: 200px; -moz-margin-start: 200px;"></div>
        </div>
    </div>
    <div class="ltr">
        <div style="height: 25px; width: 50px; background-color: red; margin-inline-start: 200px; -moz-margin-start: 200px;"></div>
        <div>
            <div style="height: 25px; width: 50px; background-color: red; margin-inline-start: 200px; -moz-margin-start: 200px;"></div>
        </div>
    </div>
    <div class="default">
        <div style="height: 25px; width: 50px; background-color: red; margin-inline-start: 200px; -moz-margin-start: 200px;"></div>
        <div>
            <div style="height: 25px; width: 50px; background-color: red; margin-inline-start: 200px; -moz-margin-start: 200px;"></div>
        </div>
    </div>
</body>
</html>
