third_party/WebKit/LayoutTests/fast/block/positive-margin-block-child-align-center-calc.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 }
  24
  25 .marginLeft
  26 {
  27     margin-left: -webkit-calc(20% + 60px);
  28     background-color: red;
  29 }
  30
  31 p
  32 {
  33     position: absolute;
  34     top: 300px;
  35 }
  36 </style>
  37 </head>
  38 <body>
  39     <div class="hidTarget"></div>
  40     <div align="center" class="sized">
  41         <div class="marginLeft"></div>
  42     </div>
  43     <p>
  44         <a href="https://bugs.webkit.org/show_bug.cgi?id=89626">89626</a>: Non-fixed length margins don't work with align=center<br>
  45         There should be a green rectangle above with no red.
  46     </p>
  47 </body>
  48 </html>