| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"> |
| <title>test: overflow: ellipis</title> |
| <style> |
| div { width: 50px; text-overflow:ellipsis; overflow:hidden; } |
| </style> |
| </head> |
| |
| <body> |
| <p><a href="https://bugs.webkit.org/show_bug.cgi?id=101879">Bug 101879</a>: This is a test from the <a href="http://www.w3.org/TR/css3-ui/#text-overflow">CSS 3 ui spec</a> that demonstates proper behavior for a nested block inside of a block that has text-overflow: ellipsis. The only string below that shouldn't have ellipeses is the "PARAGRAPH" string. (But it should be truncated because of overflow: hidden).</p> |
| <div style="border: 1px solid"> <div>NESTED</div> <p>PARAGRAPH</p> <div>WON'T</div> <div>ELLIPSE.</div> </div> |
| </body> |
| </html> |
