third_party/WebKit/LayoutTests/fast/shapes/shape-outside-floats/shape-outside-boxes-002.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 </head>
   7 <body>
   8     <p>These tests set the shape-outside to the various boxes (margin/border/padding/content) with writing-mode: vertical-lr. They require the Ahem font. You should see green squares, with no red.</p>
   9     <p>shape-outside: content-box</p>
  10     <div class='container content-box vertical-lr'>
  11     </div>
  12     <p>shape-outside: padding-box</p>
  13     <div class='container padding-box vertical-lr'>
  14     </div>
  15     <p>shape-outside: border-box</p>
  16     <div class='container border-box vertical-lr'>
  17     </div>
  18     <p>shape-outside: margin-box</p>
  19     <div class='container margin-box vertical-lr'>
  20     </div>
  21 </body>
  22 </html>