third_party/WebKit/LayoutTests/fast/block/negative-start-margin-align-center-percent.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 body {
   6     margin: 0px;
   7 }
   8
   9 .hidTarget
  10 {
  11     height: 100px;
  12     width: 250px;
  13     position: absolute;
  14     left: 50px;
  15     background-color: green;
  16 }
  17
  18 .sized
  19 {
  20     margin-left: 100px;
  21     width: 200px;
  22 }
  23
  24 .marginLeft
  25 {
  26     font: Ahem 10px;
  27     height: 100px;
  28     margin-left: -25%;
  29     background-color: red;
  30 }
  31
  32 p
  33 {
  34     position: absolute;
  35     top: 300px;
  36 }
  37 </style>
  38 </head>
  39 <body>
  40     <div class="hidTarget"></div>
  41     <div align="center" class="sized">
  42         <div class="marginLeft">xxxxx xxxxx xxxxx xxxxx</div>
  43     </div>
  44     <p>
  45         <a href="https://bugs.webkit.org/show_bug.cgi?id=89626">89626</a>: Non-fixed length margins don't work with align=center<br>
  46         There should be a green rectangle above with no red.
  47     </p>
  48 </body>
  49 </html>