third_party/WebKit/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-negative-top-margin.html

   1 <!DOCTYPE html>
   2 <style>
   3 .container {
   4     width: 150px;
   5     height: 50px;
   6     font: 50px/1 Ahem;
   7     overflow: hidden;
   8     background-color: red;
   9     color: green;
  10 }
  11 .float {
  12     width: 100px;
  13     height: 100px;
  14     float: left;
  15     background-color: green;
  16     margin-top: -50px;
  17     shape-outside: inset(0);
  18 }
  19 </style>
  20 <script src="../../../resources/ahem.js"></script>
  21 <body>
  22     <p>You should see one green rectangle. You should not see any red.</p>
  23     <div class="container">
  24         <div class="float"></div>
  25         X
  26     </div>
  27 </body>