src/third_party/WebKit/LayoutTests/platform/mac/fast/multicol/span/span-as-nested-columns-child-expected.txt

   1 layer at (0,0) size 785x1229
   2   RenderView at (0,0) size 785x600
   3 layer at (0,0) size 785x1229
   4   RenderBlock {HTML} at (0,0) size 785x1229.44
   5     RenderBody {BODY} at (8,16) size 769x1197.44
   6 layer at (8,16) size 760x386
   7   RenderBlock {DIV} at (0,0) size 760x385.81 [border: (5px solid #800000)]
   8     RenderBlock (anonymous multi-column span) at (5,13) size 750x63.81 [color=#FFFFFF]
   9       RenderBlock {H2} at (0,19.91) size 750x24 [color=#000000] [bgcolor=#EEEEEE]
  10         RenderText {#text} at (0,0) size 666x24
  11           text run at (0,0) width 666: "This is a spanning element at the beginning of the columns block."
  12 layer at (13,21) size 750x8
  13   RenderBlock (anonymous multi-column) at (5,5) size 750x8
  14     RenderBlock {SPAN} at (0,8) size 367x0 [color=#FFFFFF] [bgcolor=#000000]
  15 layer at (13,93) size 750x304
  16   RenderBlock (anonymous multi-column) at (5,76.81) size 750x304
  17     RenderBlock {SPAN} at (0,16) size 367x176 [color=#FFFFFF] [bgcolor=#000000]
  18       RenderText {#text} at (0,0) size 367x176
  19         text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
  20         text run at (0,16) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
  21         text run at (0,32) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
  22         text run at (0,48) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
  23         text run at (0,64) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
  24         text run at (0,80) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
  25         text run at (0,96) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
  26         text run at (0,112) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
  27         text run at (0,128) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
  28         text run at (0,144) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
  29         text run at (0,160) width 275: "dolor sit amet, consectetuer adipiscing elit."
  30     RenderBlock (anonymous) at (0,208) size 367x384
  31       RenderText {#text} at (0,0) size 367x384
  32         text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
  33         text run at (0,16) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
  34         text run at (0,32) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
  35         text run at (0,48) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
  36         text run at (0,64) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
  37         text run at (0,80) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
  38         text run at (0,96) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
  39         text run at (0,112) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
  40         text run at (0,128) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
  41         text run at (0,144) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
  42         text run at (0,160) width 279: "dolor sit amet, consectetuer adipiscing elit. "
  43         text run at (278,160) width 86: "Lorem ipsum"
  44         text run at (0,176) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
  45         text run at (0,192) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
  46         text run at (0,208) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
  47         text run at (0,224) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
  48         text run at (0,240) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
  49         text run at (0,256) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
  50         text run at (0,272) width 341: "Vestibulum velit orci, tempus euismod, pretium quis,"
  51         text run at (0,288) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
  52         text run at (0,304) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
  53         text run at (0,320) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
  54         text run at (0,336) width 279: "dolor sit amet, consectetuer adipiscing elit. "
  55         text run at (278,336) width 86: "Lorem ipsum"
  56         text run at (0,352) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
  57         text run at (0,368) width 76: "enim ac mi."
  58 layer at (8,418) size 760x386
  59   RenderBlock {DIV} at (0,401.81) size 760x385.81 [border: (5px solid #800000)]
  60     RenderBlock (anonymous multi-column span) at (5,309) size 750x63.81 [color=#FFFFFF]
  61       RenderBlock {H2} at (0,19.91) size 750x24 [color=#000000] [bgcolor=#EEEEEE]
  62         RenderText {#text} at (0,0) size 602x24
  63           text run at (0,0) width 602: "This is a spanning element at the end of the columns block."
  64 layer at (13,423) size 750x304
  65   RenderBlock (anonymous multi-column) at (5,5) size 750x304
  66     RenderBlock (anonymous) at (0,0) size 367x352
  67       RenderText {#text} at (0,0) size 367x352
  68         text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
  69         text run at (0,16) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
  70         text run at (0,32) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
  71         text run at (0,48) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
  72         text run at (0,64) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
  73         text run at (0,80) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
  74         text run at (0,96) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
  75         text run at (0,112) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
  76         text run at (0,128) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
  77         text run at (0,144) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
  78         text run at (0,160) width 279: "dolor sit amet, consectetuer adipiscing elit. "
  79         text run at (278,160) width 86: "Lorem ipsum"
  80         text run at (0,176) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
  81         text run at (0,192) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
  82         text run at (0,208) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
  83         text run at (0,224) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
  84         text run at (0,240) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
  85         text run at (0,256) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
  86         text run at (0,272) width 341: "Vestibulum velit orci, tempus euismod, pretium quis,"
  87         text run at (0,288) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
  88         text run at (0,304) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
  89         text run at (0,320) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
  90         text run at (0,336) width 275: "dolor sit amet, consectetuer adipiscing elit."
  91     RenderBlock {SPAN} at (0,368) size 367x208 [color=#FFFFFF] [bgcolor=#000000]
  92       RenderText {#text} at (0,0) size 367x208
  93         text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
  94         text run at (0,16) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
  95         text run at (0,32) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
  96         text run at (0,48) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
  97         text run at (0,64) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
  98         text run at (0,80) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
  99         text run at (0,96) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
 100         text run at (0,112) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
 101         text run at (0,128) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
 102         text run at (0,144) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
 103         text run at (0,160) width 279: "dolor sit amet, consectetuer adipiscing elit. "
 104         text run at (278,160) width 86: "Lorem ipsum"
 105         text run at (0,176) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
 106         text run at (0,192) width 76: "enim ac mi."
 107 layer at (13,791) size 750x8
 108   RenderBlock (anonymous multi-column) at (5,372.81) size 750x8
 109     RenderBlock {SPAN} at (0,8) size 367x0 [color=#FFFFFF] [bgcolor=#000000]
 110       RenderText {#text} at (0,0) size 0x0
 111 layer at (8,820) size 760x393
 112   RenderBlock {DIV} at (0,803.63) size 760x393.81 [border: (5px solid #800000)]
 113     RenderBlock (anonymous multi-column span) at (5,133) size 750x63.81 [color=#FFFFFF]
 114       RenderBlock {H2} at (0,19.91) size 750x24 [color=#000000] [bgcolor=#EEEEEE]
 115         RenderText {#text} at (0,0) size 635x24
 116           text run at (0,0) width 635: "This is a spanning element in the middle of the columns block."
 117 layer at (13,825) size 750x128
 118   RenderBlock (anonymous multi-column) at (5,5) size 750x128
 119     RenderBlock (anonymous) at (0,0) size 367x176
 120       RenderText {#text} at (0,0) size 367x176
 121         text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
 122         text run at (0,16) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
 123         text run at (0,32) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
 124         text run at (0,48) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
 125         text run at (0,64) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
 126         text run at (0,80) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
 127         text run at (0,96) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
 128         text run at (0,112) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
 129         text run at (0,128) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
 130         text run at (0,144) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
 131         text run at (0,160) width 275: "dolor sit amet, consectetuer adipiscing elit."
 132     RenderBlock {SPAN} at (0,192) size 367x32 [color=#FFFFFF] [bgcolor=#000000]
 133       RenderText {#text} at (0,0) size 364x32
 134         text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
 135         text run at (0,16) width 158: "Nulla varius enim ac mi."
 136 layer at (13,1016) size 750x192
 137   RenderBlock (anonymous multi-column) at (5,196.81) size 750x192
 138     RenderBlock {SPAN} at (0,16) size 367x176 [color=#FFFFFF] [bgcolor=#000000]
 139       RenderText {#text} at (0,0) size 367x176
 140         text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
 141         text run at (0,16) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
 142         text run at (0,32) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
 143         text run at (0,48) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
 144         text run at (0,64) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
 145         text run at (0,80) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
 146         text run at (0,96) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
 147         text run at (0,112) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
 148         text run at (0,128) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
 149         text run at (0,144) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
 150         text run at (0,160) width 275: "dolor sit amet, consectetuer adipiscing elit."
 151     RenderBlock (anonymous) at (0,208) size 367x176
 152       RenderText {#text} at (0,0) size 367x176
 153         text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
 154         text run at (0,16) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
 155         text run at (0,32) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
 156         text run at (0,48) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
 157         text run at (0,64) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
 158         text run at (0,80) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
 159         text run at (0,96) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
 160         text run at (0,112) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
 161         text run at (0,128) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
 162         text run at (0,144) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
 163         text run at (0,160) width 275: "dolor sit amet, consectetuer adipiscing elit."