third_party/WebKit/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-floats-outermost.html

   1 <!DOCTYPE html>
   2 <style>
   3     .container {
   4         line-height: 100px;
   5         font: 100px/1 Ahem;
   6     }
   7     .long {
   8         float: left;
   9         width: 100px;
  10         height: 20px;
  11         margin-bottom: 10px;
  12         background-color: black;
  13         shape-outside: inset(0 50% 0 0);
  14     }
  15     .short {
  16         float: left;
  17         width: 50px;
  18         height: 20px;
  19         clear: left;
  20         margin-bottom: 10px;
  21         background-color: black;
  22     }
  23 </style>
  24 <script src="../../../resources/ahem.js"></script>
  25 <body>
  26     <div class="container">
  27         <div class="long"></div>
  28         <div class="short"></div>
  29         <div class="short"></div>
  30         XXXX
  31     </div>
  32 </body>
  33