1134849-orthogonal-inline-ref.html (981B)
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>