summaryrefslogtreecommitdiffstats
path: root/layout/reftests/writing-mode/1135361-ruby-justify-1.html
blob: 880837161bde3f187e261401500e0d109411d30a (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
46
<!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;
      text-align: justify;
      text-align-last: justify;
    }
    rt {
      font-size: 20%; /* ensure ruby is small enough that it won't affect inline spacing */
    }
    .t {
      color: transparent;
    }
    </style>
  </head>
  <body>
   <div>
    <p>
      <ruby>東<rt>to</rt></ruby><ruby class="t">京<rt>kyo</rt></ruby>
    </p>
   </div>
   <div>
    <p>
      <ruby class="t">東<rt>to</rt></ruby><ruby>京<rt>kyo</rt></ruby>
    </p>
   </div>
  </body>
</html>