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

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../../resources/ahem.js"></script>
   5 <link rel='stylesheet' href='shape-outside-boxes-styles.css' />
   6 </style>
   7 </head>
   8 <body>
   9     <p>These tests set the shape-outside to the various boxes (margin/border/padding/content). They require the Ahem font. You should see green squares, with no red.</p>
  10     <p>shape-outside: content-box</p>
  11     <div class='container content-box horizontal-tb'>
  12     </div>
  13     <p>shape-outside: padding-box</p>
  14     <div class='container padding-box horizontal-tb'>
  15     </div>
  16     <p>shape-outside: border-box</p>
  17     <div class='container border-box horizontal-tb'>
  18     </div>
  19     <p>shape-outside: margin-box</p>
  20     <div class='container margin-box horizontal-tb'>
  21     </div>
  22 </body>
  23 </html>