third_party/WebKit/LayoutTests/fast/multicol/shrink-to-column-height-for-pagination.html

   1 <!DOCTYPE html>
   2 <style>
   3     .filler { display:inline-block; height:200px; width:1px; }
   4 </style>
   5 <p>Test that a paged container in vertical writing mode shrinks to fit within its containing block.</p>
   6 <p>There should be a yellow rectangle below, and the word 'PASS' should be seen in the bottom left corner.</p>
   7 <div style="height:300px; background:yellow;">
   8     <div style="width:50%; overflow:-webkit-paged-x; -webkit-writing-mode:vertical-lr; background:yellow;">
   9         <div style="float:right; height:1.2em;">
  10             <!-- Cannot set writing mode directly on the float, because of crbug.com/461040 -->
  11             <div style="-webkit-writing-mode:horizontal-tb;">
  12                 PASS
  13             </div>
  14         </div>
  15         <div class="filler"></div>
  16         <div class="filler"></div>
  17         <div class="filler"></div>
  18     </div>
  19 </div>