blob: fa774d49b47cff2f3456264ce1d4c6876c86157a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
<!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; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
<div>
<div style="height: 25px; width: 50px; background-color: red; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
</div>
</div>
<div class="ltr">
<div style="height: 25px; width: 50px; background-color: red; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
<div>
<div style="height: 25px; width: 50px; background-color: red; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
</div>
</div>
<div class="default">
<div style="height: 25px; width: 50px; background-color: red; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
<div>
<div style="height: 25px; width: 50px; background-color: red; -webkit-margin-start: 200px; -moz-margin-start: 200px;"></div>
</div>
</div>
</body>
</html>
|
