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

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