layout/reftests/writing-mode/1174450-intrinsic-sizing.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><head>
   7   <meta charset="utf-8">
   8   <title>Testcase for bug 1174450</title>
   9   <style type="text/css">
  10 body,html { color:black; background:white; font-size:12px; line-height:16px; padding:0; margin:0; }
  11
  12 div.h, div.v {
  13   display: block;
  14   border: 1px dashed silver;
  15   float: left;
  16 }
  17 .v {
  18   writing-mode: vertical-lr;
  19 }
  20 .h {
  21   writing-mode: horizontal-tb;
  22 }
  23
  24 span {
  25   display: block;
  26   width: 30px;
  27   height: 10px;
  28   background: lime;
  29   margin: 7px 13px 50% 20%;
  30   padding: 1px 3px 10% 30%;
  31   border-width: 5px 9px 1px 7px;
  32   border-style: solid;
  33 }
  34
  35 .a { position:absolute; }
  36 .t2 {top:100px;}
  37 .t3 {top:200px;}
  38 .t4 {top:300px;}
  39
  40   </style>
  41 </head>
  42 <body>
  43
  44
  45 <div class="a t1">
  46 <pre>vertical container, horizontal child</pre>
  47 <div class="v"><span class="h"></span></div>
  48 </div>
  49 <div class="a t2">
  50 <pre>vertical container, vertical child</pre>
  51 <div class="v"><span class="v"></span></div>
  52 </div>
  53 <div class="a t3">
  54 <pre>horizontal container, horizontal child</pre>
  55 <div class="h"><span class="h"></span></div>
  56 </div>
  57 <div class="a t4">
  58 <pre>horizontal container, vertical child</pre>
  59 <div class="h"><span class="v"></span></div>
  60 </div>
  61
  62 </body>
  63 </html>