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