| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="UTF-8"> |
| <style> |
| .hang { white-space: pre; } |
| .not-hang { white-space: pre; } |
| .frame { width: 65px; font-family: ahem; border: solid 3px cyan; } |
| </style> |
| </head> |
| <body> |
| <!-- |
| Test for checking overflowing conditions of hanging-punctuation: allow-end. |
| http://www.w3.org/TR/2012/WD-css3-text-20121113/#hanging-punctuation0 |
| --> |
| <!-- Overflow occurred at U+3001. This should hang. --> |
| <div class="hang frame">ab c、</div> |
| <!-- Overflow occurred at "d". This should NOT hang. --> |
| <div class="not-hang frame">ab |
| cd、</div> |
| <!-- Overflow occurred at first U+3001. This should NOT hang. --> |
| <div class="not-hang frame">ab |
| c、、</div> |
| <!-- Overflow occurred at second U+3001. This should hang. --> |
| <div class="hang frame">a b、、</div> |
| <!-- Hanging with soft hyphen. This should hang. --> |
| <div class="hang frame">a b­c、</div> |
| <!-- Overflow occurred at U+3001 and there is a <br> after it. This should hang. --> |
| <div class="hang frame">ab c、<br></div> |
| </body> |
| </html> |
