third_party/WebKit/LayoutTests/fast/writing-mode/ruby-text-logical-left-expected.html


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

<!DOCTYPE html>
<html>
    <head>
        <style>
            ruby { border: solid 5px cyan; }
            .vert { -webkit-writing-mode: vertical-rl; }
        </style>
    </head>
    <body>
        Ruby text should be at the center of ruby base.
        <div class="vert">
            <ruby>aaaaa<rt>b</rt></ruby><br>
        </div>
        <hr>
        <div class="vert">
            <ruby>a<rt>bbbb</rt></ruby><br>
        </div>
        <hr>
        <div>
            <ruby>aaaaa<rt>b</rt></ruby><br>
        </div>
        <hr>
        <div>
            <ruby>a<rt>bbbb</rt></ruby><br>
        </div>
    </body>
</html>