blob: 6d7db5da2ce9700706ec093150662598e20f7104 [file] [log] [blame]
<!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>