1135361-ruby-justify-1-ref.html (956B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Test for bug 1135361</title> 6 <style> 7 body { 8 font: 48px sans-serif; 9 } 10 div { 11 display: inline-block; 12 width: 3em; 13 border: 1px solid silver; 14 padding: .5em; 15 } 16 p { 17 writing-mode: vertical-rl; 18 -webkit-writing-mode: vertical-rl; 19 -ms-writing-mode: tb-rl; /* old syntax. IE */ 20 text-orientation: upright; 21 -webkit-text-orientation: upright; 22 height: 4ch; 23 } 24 rt { 25 font-size: 20%; /* ensure ruby is small enough that it won't affect inline spacing */ 26 } 27 span { 28 display: inline-block; 29 height: .5ch; /* shim for fake justification */ 30 } 31 </style> 32 </head> 33 <body> 34 <div> 35 <p> 36 <span></span><ruby>東<rt>to</rt></ruby> 37 </p> 38 </div> 39 <div> 40 <p style="text-align:right;"> 41 <ruby>京<rt>kyo</rt></ruby><span></span> 42 </p> 43 </div> 44 </body> 45 </html>