third_party/WebKit/LayoutTests/fast/block/positive-margin-start-negative-margin-end-align-center.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: 150px;
  13     position: absolute;
  14     left: 200px;
  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: 100px;
  29     margin-right: -50px;
  30     background-color: red;
  31 }
  32
  33 p
  34 {
  35     position: absolute;
  36     top: 300px;
  37 }
  38 </style>
  39 </head>
  40 <body>
  41     <div class="hidTarget"></div>
  42     <div align="center" class="sized">
  43         <div class="marginLeft">xxxxx xxxxx xxxxx xxxxx xxxxx</div>
  44     </div>
  45     <p>
  46         <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>
  47         There should be a green rectangle above with no red.
  48     </p>
  49 </body>
  50 </html>