layout/reftests/writing-mode/1134849-orthogonal-inline-ref.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="UTF-8">
   5     <title>Test for bug 1134849</title>
   6     <style>
   7     div { display: inline-block; vertical-align: top;
   8           inline-size: 12em; block-size: 15em;
   9           border: solid silver; margin: 10px; }
  10     p { margin: 5px; }
  11     .h { writing-mode: horizontal-tb; }
  12     .v-lr { writing-mode: vertical-lr; }
  13     .v-rl { writing-mode: vertical-rl; }
  14     p > span, p > b { display: inline-block; }
  15     p > span > b { display: inline; }
  16     </style>
  17   </head>
  18   <body>
  19    <div class="h">
  20     <p>The <span class="v-lr">quick <b>brown</b> fox</span> jumps over<br>the <b class="v-rl">lazy</b> dog.</p>
  21    </div>
  22    <div class="v-lr">
  23     <p>The <span class="h">quick <b>brown</b> fox</span> jumps over<br>the <b class="h">lazy</b> dog.</p>
  24    </div>
  25    <div class="v-rl">
  26     <p>The <span class="h">quick <b>brown</b> fox</span> jumps over<br>the <b class="h">lazy</b> dog.</p>
  27    </div>
  28    <br>
  29    inline-block
  30   </body>
  31 </html>