layout/reftests/pagination/inline-block-slice-4.html

   1 <!DOCTYPE html>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <html class="reftest-paged">
   7 <head>
   8 <style>
   9 @page {
  10   size: 5in 3in;
  11   margin: 0.5in;
  12 }
  13
  14 html,body {
  15   color:black; background-color:white; font:20px/1 monospace; padding:0; margin:0;
  16 }
  17 html { margin-block-start: 80vh; }
  18
  19 .ib {
  20   display: inline-block;
  21   inline-size: 50vw;
  22   block-size: 130vh;
  23   vertical-align: top;
  24   border: 5px solid black;
  25 }
  26
  27 .ib > div {
  28   inline-size: 50vw;
  29   block-size: 150vh;
  30   border: 5px solid grey;
  31 }
  32
  33 .after {
  34   display: inline-block;
  35   vertical-align: top;
  36   inline-size: 60vw;
  37   block-size: 10vh;
  38   border: 5px dashed grey;
  39   background-color: grey;
  40 }
  41 </style>
  42 </head>
  43 <body>
  44     <div class="ib">
  45       <div></div>
  46     </div>
  47     <div class="after"></div>
  48 </body>
  49 </html>