Implement the allow-end value of the hanging-punctuation CSS property.
[WebKit-https.git] / LayoutTests / fast / text / hanging-punctuation-allow-end-basic.html
1 <!DOCTYPE html>
2 <html>
3     <head>
4         <meta charset="UTF-8">
5             <style>
6                     .hang { hanging-punctuation: allow-end; }
7                     .not-hang { hanging-punctuation: allow-end; }
8                     .frame { width: 65px; font-family: ahem; border: solid 3px cyan; }
9             </style>
10         </head>
11     <body>
12         <!--
13           Test for checking overflowing conditions of hanging-punctuation: allow-end.
14           http://www.w3.org/TR/2012/WD-css3-text-20121113/#hanging-punctuation0
15           -->
16         <!-- Overflow occurred at U+3001. This should hang. -->
17         <div class="hang frame">
18             ab c&#x3001;
19         </div>
20         <!-- Overflow occurred at "d". This should NOT hang. -->
21         <div class="not-hang frame">
22             ab cd&#x3001;
23             </div>
24         <!-- Overflow occurred at first U+3001. This should NOT hang. -->
25         <div class="not-hang frame">
26             ab c&#x3001;&#x3001;
27             </div>
28         <!-- Overflow occurred at second U+3001. This should hang. -->
29         <div class="hang frame">
30             a b&#x3001;&#x3001;
31             </div>
32         <!-- Hanging with soft hyphen. This should hang. -->
33         <div class="hang frame">
34             a b&shy;c&#x3001;
35             </div>
36         <!-- Overflow occurred at U+3001 and there is a <br> after it. This should hang. -->
37         <div class="hang frame">
38             ab c&#x3001;<br>
39         </div>
40     </body>
41 </html>