third_party/WebKit/LayoutTests/fast/block/positive-margin-block-child-align-center-rtl.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 body {
   6     margin: 0px;
   7 }
   8
   9 div {
  10     height: 100px;
  11 }
  12
  13 .hidTarget {
  14     position: absolute;
  15     left: 100px;
  16     width: 100px;
  17     background-color: green;
  18 }
  19
  20 .sized
  21 {
  22     width: 200px;
  23     margin-left: 100px;
  24     -webkit-direction: rtl;
  25     direction: rtl;
  26 }
  27
  28 .marginLeft
  29 {
  30     margin-right: 100px;
  31     background-color: red;
  32 }
  33
  34 p
  35 {
  36     position: absolute;
  37     top: 300px;
  38 }
  39 </style>
  40 </head>
  41 <body>
  42     <div class="hidTarget"></div>
  43     <div align="center" class="sized">
  44         <div class="marginLeft"></div>
  45     </div>
  46     <p>
  47         <a href="https://bugs.webkit.org/show_bug.cgi?id=89515">89515</a>: REGRESSION(r113885): Margin not properly applied to elements with align=center<br>
  48         There should be a green rectangle above with no red.
  49     </p>
  50 </body>
  51 </html>