third_party/WebKit/LayoutTests/fast/css/style-resolver-cache-direction-2-expected.html

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