layout/reftests/pagination/inline-block-slice-5-ref.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 @font-face {
  14   font-family: Ahem;
  15   src: url(../fonts/Ahem.ttf);
  16 }
  17
  18 html,body {
  19   color:black; background-color:white; font:20px/1 Ahem; padding:0; margin:0;
  20 }
  21
  22 .ib {
  23   display: block;
  24   inline-size: 50vw;
  25   block-size: 210vh;
  26   border: 5px solid black;
  27   margin-left: 20px;
  28   margin-top: -20px;
  29 }
  30
  31 .after {
  32   display: block;
  33   inline-size: 60vw;
  34   block-size: 10vh;
  35   border: 5px dashed grey;
  36   background-color: grey;
  37 }
  38 </style>
  39 </head>
  40 <body>
  41   X<span style="display:inline-block; inline-size:50vw; border:5px solid transparent"></span>p
  42   <div class="ib"></div>
  43   <div class="after"></div>
  44 </body>
  45 </html>