| 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,0) size 0x17 |
| RenderBR {BR} at (0,18) size 0x17 |
| RenderText {#text} at (102,95) size 4x17 |
| text run at (102,95) width 4: " " |
| RenderText {#text} at (208,95) size 4x17 |
| text run at (208,95) width 4: " " |
| RenderText {#text} at (314,95) size 4x17 |
| text run at (314,95) width 4: " " |
| RenderText {#text} at (420,95) size 4x17 |
| text run at (420,95) width 4: " " |
| RenderText {#text} at (526,95) size 4x17 |
| text run at (526,95) width 4: " " |
| RenderText {#text} at (632,95) size 4x17 |
| text run at (632,95) width 4: " " |
| RenderText {#text} at (0,0) size 0x0 |
| RenderText {#text} at (102,223) size 4x17 |
| text run at (102,223) width 4: " " |
| RenderText {#text} at (208,223) size 4x17 |
| text run at (208,223) width 4: " " |
| RenderText {#text} at (0,0) size 0x0 |
| layer at (8,44) size 102x73 clip at (9,45) size 100x71 scrollHeight 125 |
| RenderDeprecatedFlexibleBox {DIV} at (0,36) size 102x73 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x71 |
| RenderText {#text} at (0,0) size 100x125 |
| text run at (0,0) width 100: "50% truncation." |
| text run at (0,18) width 61: "This is an" |
| text run at (0,36) width 70: "example of" |
| text run at (0,54) width 48: "ellipsis-" |
| text run at (0,72) width 80: "truncation of" |
| text run at (0,90) width 60: "multi-line" |
| text run at (0,108) width 27: "text." |
| RenderInline {A} at (0,0) size 34x17 [color=#0000EE] |
| RenderText {#text} at (27,108) size 34x17 |
| text run at (27,108) width 34: "More" |
| RenderText {#text} at (0,0) size 0x0 |
| layer at (114,98) size 102x19 clip at (115,99) size 100x17 scrollHeight 107 |
| RenderDeprecatedFlexibleBox {DIV} at (106,90) size 102x19 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x17 |
| RenderText {#text} at (0,0) size 97x107 |
| text run at (0,0) width 92: "0% truncation." |
| text run at (0,18) width 84: "This does the" |
| text run at (0,36) width 97: "most truncation" |
| text run at (0,54) width 55: "possible," |
| text run at (0,72) width 91: "truncating to 1" |
| text run at (0,90) width 27: "line." |
| RenderInline {A} at (0,0) size 34x17 [color=#0000EE] |
| RenderText {#text} at (27,90) size 34x17 |
| text run at (27,90) width 34: "More" |
| RenderText {#text} at (0,0) size 0x0 |
| layer at (220,80) size 102x37 clip at (221,81) size 100x35 scrollHeight 107 |
| RenderDeprecatedFlexibleBox {DIV} at (212,72) size 102x37 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x35 |
| RenderText {#text} at (0,0) size 91x107 |
| text run at (0,0) width 49: "2 lines. " |
| text run at (49,0) width 42: "This is" |
| text run at (0,18) width 89: "an example of" |
| text run at (0,36) width 48: "ellipsis-" |
| text run at (0,54) width 80: "truncation of" |
| text run at (0,72) width 60: "multi-line" |
| text run at (0,90) width 27: "text." |
| RenderInline {A} at (0,0) size 34x17 [color=#0000EE] |
| RenderText {#text} at (27,90) size 34x17 |
| text run at (27,90) width 34: "More" |
| RenderText {#text} at (0,0) size 0x0 |
| layer at (326,62) size 102x55 clip at (327,63) size 100x53 scrollHeight 161 |
| RenderDeprecatedFlexibleBox {DIV} at (318,54) size 102x55 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x53 |
| RenderText {#text} at (0,0) size 99x161 |
| text run at (0,0) width 71: "Backwards" |
| text run at (0,18) width 69: "compatible" |
| text run at (0,36) width 71: "truncation. " |
| text run at (71,36) width 8: "3" |
| text run at (0,54) width 72: "lines on the" |
| text run at (0,72) width 99: "latest version of" |
| text run at (0,90) width 57: "WebKit. " |
| text run at (56,90) width 36: "1 line" |
| text run at (0,108) width 52: "on older" |
| text run at (0,126) width 69: "versions of" |
| text run at (0,144) width 53: "WebKit." |
| RenderInline {A} at (0,0) size 35x17 [color=#0000EE] |
| RenderText {#text} at (52,144) size 35x17 |
| text run at (52,144) width 35: "More" |
| RenderText {#text} at (0,0) size 0x0 |
| layer at (432,80) size 102x37 clip at (433,81) size 100x35 scrollHeight 125 |
| RenderDeprecatedFlexibleBox {DIV} at (424,72) size 102x37 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x35 |
| RenderText {#text} at (0,0) size 100x125 |
| text run at (0,0) width 100: "30% truncation." |
| text run at (0,18) width 86: "No link at the" |
| text run at (0,36) width 31: "end. " |
| text run at (31,36) width 61: "This is an" |
| text run at (0,54) width 70: "example of" |
| text run at (0,72) width 48: "ellipsis-" |
| text run at (0,90) width 80: "truncation of" |
| text run at (0,108) width 91: "multi-line text." |
| layer at (538,62) size 102x55 clip at (539,63) size 100x53 scrollHeight 107 |
| RenderDeprecatedFlexibleBox {DIV} at (530,54) size 102x55 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x53 |
| RenderText {#text} at (0,0) size 97x107 |
| text run at (0,0) width 49: "3 lines. " |
| text run at (49,0) width 48: "No link" |
| text run at (0,18) width 69: "at the end. " |
| text run at (69,18) width 28: "This" |
| text run at (0,36) width 86: "is an example" |
| text run at (0,54) width 65: "of ellipsis-" |
| text run at (0,72) width 80: "truncation of" |
| text run at (0,90) width 91: "multi-line text." |
| layer at (644,48) size 102x74 clip at (645,49) size 100x72 |
| RenderDeprecatedFlexibleBox {DIV} at (636,40) size 102x74 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x72 |
| RenderText {#text} at (0,0) size 100x71 |
| text run at (0,0) width 49: "0 lines. " |
| text run at (49,0) width 42: "This is" |
| text run at (0,18) width 100: "an invalid value" |
| text run at (0,36) width 75: "for -webkit-" |
| text run at (0,54) width 70: "line-clamp." |
| layer at (8,176) size 102x74 clip at (9,177) size 100x72 |
| RenderDeprecatedFlexibleBox {DIV} at (0,168) size 102x74 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x72 |
| RenderText {#text} at (0,0) size 100x71 |
| text run at (0,0) width 54: "-1 lines. " |
| text run at (54,0) width 42: "This is" |
| text run at (0,18) width 100: "an invalid value" |
| text run at (0,36) width 75: "for -webkit-" |
| text run at (0,54) width 70: "line-clamp." |
| layer at (114,176) size 102x74 clip at (115,177) size 100x72 |
| RenderDeprecatedFlexibleBox {DIV} at (106,168) size 102x74 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x72 |
| RenderText {#text} at (0,0) size 95x71 |
| text run at (0,0) width 34: "-1%. " |
| text run at (34,0) width 61: "This is an" |
| text run at (0,18) width 81: "invalid value" |
| text run at (0,36) width 75: "for -webkit-" |
| text run at (0,54) width 70: "line-clamp." |
| layer at (220,122) size 102x128 clip at (221,123) size 100x126 |
| RenderDeprecatedFlexibleBox {DIV} at (212,114) size 102x128 [border: (1px solid #808080)] |
| RenderBlock (anonymous) at (1,1) size 100x126 |
| RenderText {#text} at (0,0) size 99x125 |
| text run at (0,0) width 37: "150%" |
| text run at (0,18) width 71: "truncation. " |
| text run at (71,18) width 28: "This" |
| text run at (0,36) width 84: "does the least" |
| text run at (0,54) width 63: "truncation" |
| text run at (0,72) width 55: "possible," |
| text run at (0,90) width 63: "truncating" |
| text run at (0,108) width 52: "nothing." |