blob: 9e54e85fa999f100c193f1f9356e2cc872e60578 [file] [log] [blame]
benjamin@webkit.orgeb833b52014-09-24 03:17:44 +00001<!doctype html>
2<html>
3<head>
4<style>
5.root {
6 background-color: lime;
7 margin: 5px;
8}
9.testcase {
10 height: 25px;
11 width: 50px;
12 background-color: red;
13}
14.left {
15 margin-left: 200px;
16}
17.right {
18 margin-left: calc(100% - 250px);
19}
20</style>
21</head>
22<body>
23 <p>This test the style is not copied from the wrong source when the direction is defined.</p>
24 <div class="root">
25 <div class="right testcase"></div>
26 <div>
27 <div class="right testcase"></div>
28 </div>
29 </div>
30 <div class="root">
31 <div class="left testcase"></div>
32 <div>
33 <div class="left testcase"></div>
34 </div>
35 </div>
36 <div class="root">
37 <div class="left testcase"></div>
38 <div>
39 <div class="left testcase"></div>
40 </div>
41 </div>
42</body>
43</html>