CSS3: add line-break tests, initially skipping on all platforms
[WebKit-https.git] / LayoutTests / css3 / line-break / line-break-loose-centered.html
1 <html>
2     <head>
3         <title>Line breaks using [-webkit-]line-break : loose - before centered punctuation</title>
4         <style>
5           div > div {
6             font-family: 'Lucida Grande';
7             font-size: 16pt;
8             width: 4.1em;
9           }
10           div > p {
11             border: solid blue 1px;
12             -webkit-line-break: loose;
13           }
14         </style>
15     </head>
16     <body>
17         <div lang="en">
18             <div>
19                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x003a;</p>
20             </div>
21             <div>
22                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x003b;</p>
23             </div>
24             <div>
25                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30fb;</p>
26             </div>
27             <div>
28                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff1a;</p>
29             </div>
30             <div>
31                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff1b;</p>
32             </div>
33             <div>
34                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff65;</p>
35             </div>
36             <div>
37                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x0021;</p>
38             </div>
39             <div>
40                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x003f;</p>
41             </div>
42             <div>
43                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x203c;</p>
44             </div>
45             <div>
46                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2047;</p>
47             </div>
48             <div>
49                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2048;</p>
50             </div>
51             <div>
52                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2049;</p>
53             </div>
54             <div>
55                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff01;</p>
56             </div>
57             <div>
58                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff1f;</p>
59             </div>
60         </div>
61         <div lang="ja">
62             <div>
63                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x003a;</p>
64             </div>
65             <div>
66                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x003b;</p>
67             </div>
68             <div>
69                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30fb;</p>
70             </div>
71             <div>
72                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff1a;</p>
73             </div>
74             <div>
75                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff1b;</p>
76             </div>
77             <div>
78                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff65;</p>
79             </div>
80             <div>
81                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x0021;</p>
82             </div>
83             <div>
84                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x003f;</p>
85             </div>
86             <div>
87                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x203c;</p>
88             </div>
89             <div>
90                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2047;</p>
91             </div>
92             <div>
93                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2048;</p>
94             </div>
95             <div>
96                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2049;</p>
97             </div>
98             <div>
99                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff01;</p>
100             </div>
101             <div>
102                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff1f;</p>
103             </div>
104         </div>
105         <div lang="ko">
106             <div>
107                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x003a;</p>
108             </div>
109             <div>
110                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x003b;</p>
111             </div>
112             <div>
113                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30fb;</p>
114             </div>
115             <div>
116                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff1a;</p>
117             </div>
118             <div>
119                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff1b;</p>
120             </div>
121             <div>
122                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff65;</p>
123             </div>
124             <div>
125                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x0021;</p>
126             </div>
127             <div>
128                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x003f;</p>
129             </div>
130             <div>
131                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x203c;</p>
132             </div>
133             <div>
134                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2047;</p>
135             </div>
136             <div>
137                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2048;</p>
138             </div>
139             <div>
140                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2049;</p>
141             </div>
142             <div>
143                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff01;</p>
144             </div>
145             <div>
146                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff1f;</p>
147             </div>
148         </div>
149         <div lang="zh">
150             <div>
151                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x003a;</p>
152             </div>
153             <div>
154                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x003b;</p>
155             </div>
156             <div>
157                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x30fb;</p>
158             </div>
159             <div>
160                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff1a;</p>
161             </div>
162             <div>
163                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff1b;</p>
164             </div>
165             <div>
166                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff65;</p>
167             </div>
168             <div>
169                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x0021;</p>
170             </div>
171             <div>
172                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x003f;</p>
173             </div>
174             <div>
175                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x203c;</p>
176             </div>
177             <div>
178                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2047;</p>
179             </div>
180             <div>
181                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2048;</p>
182             </div>
183             <div>
184                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#x2049;</p>
185             </div>
186             <div>
187                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff01;</p>
188             </div>
189             <div>
190                 <p>&#x4e00;&#x4e8c;&#x4e09;&#x56db;&#xff1f;</p>
191             </div>
192         </div>
193     </body>
194 </html>