layout/reftests/pagination/inline-block-slice-8c.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   writing-mode: vertical-rl;
  21 }
  22 html { block-size: 40vw; }
  23
  24 .ib {
  25   display: inline-block;
  26   inline-size: 50vh;
  27   block-size: 210vw;
  28   vertical-align: top;
  29   border: 5px solid black;
  30   border-block-start-color: blue;
  31   border-inline-start-color: lime;
  32 }
  33 </style>
  34 </head>
  35 <body>
  36   X<div class="ib"></div>p
  37 </body>
  38 </html>