| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x600 |
| RenderBlock {HTML} at (0,0) size 800x600 |
| RenderBody {BODY} at (8,8) size 784x584 |
| RenderText {#text} at (0,0) size 262x17 |
| text run at (0,0) width 262: "This tests the -webkit-line-clamp property" |
| RenderBR {BR} at (262,14) size 0x0 |
| RenderBR {BR} at (0,17) size 0x17 |
| RenderText {#text} at (102,90) size 4x17 |
| text run at (102,90) width 4: " " |
| RenderText {#text} at (208,90) size 4x17 |
| text run at (208,90) width 4: " " |
| RenderText {#text} at (314,90) size 4x17 |
| text run at (314,90) width 4: " " |
| RenderText {#text} at (420,90) size 4x17 |
| text run at (420,90) width 4: " " |
| RenderText {#text} at (526,90) size 4x17 |
| text run at (526,90) width 4: " " |
| RenderText {#text} at (632,90) size 4x17 |
| text run at (632,90) width 4: " " |
| RenderText {#text} at (0,0) size 0x0 |
| RenderText {#text} at (102,211) size 4x17 |
| text run at (102,211) width 4: " " |
| RenderText {#text} at (208,211) size 4x17 |
| text run at (208,211) width 4: " " |
| RenderText {#text} at (0,0) size 0x0 |
| layer at (8,42) size 102x70 clip at (9,43) size 100x68 scrollHeight 119 |
| RenderDeprecatedFlexibleBox {DIV} at (0,34) size 102x70 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x68 |
| RenderText {#text} at (0,0) size 100x119 |
| text run at (0,0) width 100: "50% truncation." |
| text run at (0,17) width 61: "This is an" |
| text run at (0,34) width 70: "example of" |
| text run at (0,51) width 48: "ellipsis-" |
| text run at (0,68) width 80: "truncation of" |
| text run at (0,85) width 60: "multi-line" |
| text run at (0,102) width 27: "text." |
| RenderInline {A} at (0,0) size 34x17 [color=#0000EE] |
| RenderText {#text} at (27,102) size 34x17 |
| text run at (27,102) width 34: "More" |
| RenderText {#text} at (0,0) size 0x0 |
| layer at (114,93) size 102x19 clip at (115,94) size 100x17 scrollHeight 102 |
| RenderDeprecatedFlexibleBox {DIV} at (106,85) size 102x19 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x17 |
| RenderText {#text} at (0,0) size 97x102 |
| text run at (0,0) width 92: "0% truncation." |
| text run at (0,17) width 84: "This does the" |
| text run at (0,34) width 97: "most truncation" |
| text run at (0,51) width 55: "possible," |
| text run at (0,68) width 91: "truncating to 1" |
| text run at (0,85) width 27: "line." |
| RenderInline {A} at (0,0) size 34x17 [color=#0000EE] |
| RenderText {#text} at (27,85) size 34x17 |
| text run at (27,85) width 34: "More" |
| RenderText {#text} at (0,0) size 0x0 |
| layer at (220,76) size 102x36 clip at (221,77) size 100x34 scrollHeight 102 |
| RenderDeprecatedFlexibleBox {DIV} at (212,68) size 102x36 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x34 |
| RenderText {#text} at (0,0) size 91x102 |
| text run at (0,0) width 49: "2 lines. " |
| text run at (49,0) width 42: "This is" |
| text run at (0,17) width 89: "an example of" |
| text run at (0,34) width 48: "ellipsis-" |
| text run at (0,51) width 80: "truncation of" |
| text run at (0,68) width 60: "multi-line" |
| text run at (0,85) width 27: "text." |
| RenderInline {A} at (0,0) size 34x17 [color=#0000EE] |
| RenderText {#text} at (27,85) size 34x17 |
| text run at (27,85) width 34: "More" |
| RenderText {#text} at (0,0) size 0x0 |
| layer at (326,59) size 102x53 clip at (327,60) size 100x51 scrollHeight 153 |
| RenderDeprecatedFlexibleBox {DIV} at (318,51) size 102x53 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x51 |
| RenderText {#text} at (0,0) size 99x153 |
| text run at (0,0) width 71: "Backwards" |
| text run at (0,17) width 69: "compatible" |
| text run at (0,34) width 71: "truncation. " |
| text run at (71,34) width 8: "3" |
| text run at (0,51) width 72: "lines on the" |
| text run at (0,68) width 99: "latest version of" |
| text run at (0,85) width 58: "WebKit. " |
| text run at (58,85) width 35: "1 line" |
| text run at (0,102) width 52: "on older" |
| text run at (0,119) width 69: "versions of" |
| text run at (0,136) width 54: "WebKit." |
| RenderInline {A} at (0,0) size 34x17 [color=#0000EE] |
| RenderText {#text} at (54,136) size 34x17 |
| text run at (54,136) width 34: "More" |
| RenderText {#text} at (0,0) size 0x0 |
| layer at (432,76) size 102x36 clip at (433,77) size 100x34 scrollHeight 119 |
| RenderDeprecatedFlexibleBox {DIV} at (424,68) size 102x36 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x34 |
| RenderText {#text} at (0,0) size 100x119 |
| text run at (0,0) width 100: "30% truncation." |
| text run at (0,17) width 86: "No link at the" |
| text run at (0,34) width 31: "end. " |
| text run at (31,34) width 61: "This is an" |
| text run at (0,51) width 70: "example of" |
| text run at (0,68) width 48: "ellipsis-" |
| text run at (0,85) width 80: "truncation of" |
| text run at (0,102) width 91: "multi-line text." |
| layer at (538,59) size 102x53 clip at (539,60) size 100x51 scrollHeight 102 |
| RenderDeprecatedFlexibleBox {DIV} at (530,51) size 102x53 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x51 |
| RenderText {#text} at (0,0) size 97x102 |
| text run at (0,0) width 49: "3 lines. " |
| text run at (49,0) width 48: "No link" |
| text run at (0,17) width 69: "at the end. " |
| text run at (69,17) width 28: "This" |
| text run at (0,34) width 86: "is an example" |
| text run at (0,51) width 65: "of ellipsis-" |
| text run at (0,68) width 80: "truncation of" |
| text run at (0,85) width 91: "multi-line text." |
| layer at (644,46) size 102x70 clip at (645,47) size 100x68 |
| RenderDeprecatedFlexibleBox {DIV} at (636,38) size 102x70 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x68 |
| RenderText {#text} at (0,0) size 100x68 |
| text run at (0,0) width 49: "0 lines. " |
| text run at (49,0) width 42: "This is" |
| text run at (0,17) width 100: "an invalid value" |
| text run at (0,34) width 75: "for -webkit-" |
| text run at (0,51) width 70: "line-clamp." |
| layer at (8,167) size 102x70 clip at (9,168) size 100x68 |
| RenderDeprecatedFlexibleBox {DIV} at (0,159) size 102x70 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x68 |
| RenderText {#text} at (0,0) size 100x68 |
| text run at (0,0) width 54: "-1 lines. " |
| text run at (54,0) width 42: "This is" |
| text run at (0,17) width 100: "an invalid value" |
| text run at (0,34) width 75: "for -webkit-" |
| text run at (0,51) width 70: "line-clamp." |
| layer at (114,167) size 102x70 clip at (115,168) size 100x68 |
| RenderDeprecatedFlexibleBox {DIV} at (106,159) size 102x70 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x68 |
| RenderText {#text} at (0,0) size 95x68 |
| text run at (0,0) width 34: "-1%. " |
| text run at (34,0) width 61: "This is an" |
| text run at (0,17) width 81: "invalid value" |
| text run at (0,34) width 75: "for -webkit-" |
| text run at (0,51) width 70: "line-clamp." |
| layer at (220,116) size 102x121 clip at (221,117) size 100x119 |
| RenderDeprecatedFlexibleBox {DIV} at (212,108) size 102x121 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x119 |
| RenderText {#text} at (0,0) size 99x119 |
| text run at (0,0) width 37: "150%" |
| text run at (0,17) width 71: "truncation. " |
| text run at (71,17) width 28: "This" |
| text run at (0,34) width 84: "does the least" |
| text run at (0,51) width 63: "truncation" |
| text run at (0,68) width 55: "possible," |
| text run at (0,85) width 63: "truncating" |
| text run at (0,102) width 52: "nothing." |
