Disallow ruby base from having leading or trailing expansions
[WebKit-https.git] / LayoutTests / fast / ruby / ruby-expansion-cjk-4-expected.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8"/>
5 <style>
6 @font-face {
7     font-family: 'Litherum';
8     src: url("resources/ruby-expansion.svg#Litherum") format(svg);
9 }
10 </style>
11 </head>
12 <body style="text-align: justify; font-size: 40px; margin: 0px; -webkit-font-smoothing: none;">
13 <div>e&#x300;a&#x300;<ruby><rb>&#x304e;</rb><rt>aaaaaaaaaaaaaaaaaaaa</rt></ruby>e&#x300;a&#x300; <span style="font-family: Litherum;">aaaaaaaaaaaaaaaaaaaa</span></div>
14 <div style="font-family: Litherum;">
15 <div style="position: absolute; left: 0px; top: 126px; width: 100%;">
16 <div style="position: absolute; width: 400px; height: 20px; left: 199px; top: 0px; background: black;"></div>
17 <div style="position: absolute; width: 40px; height: 41px; left: 0px; top: 19px; background: black;"></div>
18 <div style="position: absolute; width: 41px; height: 41px; left: 40px; top: 19px; background: green;"></div>
19 <div style="position: absolute; width: 41px; height: 41px; left: 166px; top: 19px; background: green;"></div>
20 <div style="position: absolute; width: 41px; height: 41px; right: 166px; top: 19px; background: black;"></div>
21 <div style="position: absolute; width: 40px; height: 41px; right: 40px; top: 19px; background: black;"></div>
22 <div style="position: absolute; width: 40px; height: 41px; right: 0px; top: 19px; background: green;"></div>
23 <div style="position: absolute; width: 800px; height: 41px; left: 0px; top: 70px; background: black;"></div>
24 </div>
25
26 <div style="position: absolute; left: 0px; top: 239px; width: 100%;">
27 <div style="position: absolute; width: 400px; height: 20px; left: 200px; top: 0px; background: black;"></div>
28 <div style="position: absolute; width: 400px; height: 20px; left: 199px; top: 21px; background: black;"></div>
29 <div style="position: absolute; width: 41px; height: 41px; left: 0px; top: 40px; background: black;"></div>
30 <div style="position: absolute; width: 41px; height: 41px; left: 120px; top: 40px; background: black;"></div>
31 <div style="position: absolute; width: 41px; height: 41px; left: 193px; top: 40px; background: black;"></div>
32 <div style="position: absolute; width: 41px; height: 41px; right: 193px; top: 40px; background: black;"></div>
33 <div style="position: absolute; width: 41px; height: 41px; right: 119px; top: 40px; background: black;"></div>
34 <div style="position: absolute; width: 40px; height: 41px; right: 0px; top: 40px; background: black;"></div>
35 <div style="position: absolute; width: 800px; height: 41px; left: 0px; top: 91px; background: black;"></div>
36 </div>
37
38 <div style="position: absolute; left: 0px; top: 380px; width: 100%;">
39 <div style="position: absolute; width: 400px; height: 20px; left: 100px; top: 0px; background: black;"></div>
40 <div style="position: absolute; width: 100px; height: 50px; left: 0px; top: 10px; background: rgb(0, 255, 0);"></div>
41 <div style="position: absolute; width: 41px; height: 41px; right: 479px; top: 19px; background: black;"></div>
42 <div style="position: absolute; width: 40px; height: 41px; right: 0px; top: 19px; background: black;"></div>
43 <div style="position: absolute; width: 800px; height: 41px; left: 0px; top: 70px; background: black;"></div>
44 </div>
45 </div>
46 </body>
47 </html>