vertical_formatting-expected.txt 12.2 KB
Newer Older
1
layer at (0,0) size 785x2487
2
  RenderView at (0,0) size 785x600
3 4 5
layer at (0,0) size 785x2487
  RenderBlock {HTML} at (0,0) size 785x2487
    RenderBody {BODY} at (8,8) size 769x2471 [bgcolor=#CCCCCC]
6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84
      RenderBlock {P} at (0,0) size 769x18
        RenderText {#text} at (0,0) size 355x17
          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
      RenderBlock {PRE} at (0,34) size 769x300
        RenderText {#text} at (0,0) size 496x300
          text run at (0,0) width 368: "P.one {margin-bottom: 2cm; padding-bottom: 0;}"
          text run at (368,0) width 0: " "
          text run at (0,15) width 320: "P.two {margin-top: 2cm; padding-top: 0;}"
          text run at (320,15) width 0: " "
          text run at (0,30) width 320: "P.three {margin-top: 0; padding-top: 0;}"
          text run at (320,30) width 0: " "
          text run at (0,45) width 344: "P.four {margin-top: -1cm; margin-bottom: 0;"
          text run at (344,45) width 0: " "
          text run at (0,60) width 344: "        padding-top: 0; padding-bottom: 0;}"
          text run at (344,60) width 0: " "
          text run at (0,75) width 368: "DIV.five {margin-top: 1cm; margin-bottom: 1cm;"
          text run at (368,75) width 0: " "
          text run at (0,90) width 376: "          padding-top: 1cm; padding-bottom: 0;}"
          text run at (376,90) width 0: " "
          text run at (0,105) width 344: "P.six {margin-top: 1cm; margin-bottom: 1cm;"
          text run at (344,105) width 0: " "
          text run at (0,120) width 336: "       padding-top: 0; padding-bottom: 0;}"
          text run at (336,120) width 0: " "
          text run at (0,135) width 336: "P.seven {margin-top: 1cm; padding-top: 0;}"
          text run at (336,135) width 0: " "
          text run at (0,150) width 408: "P.eight {margin-bottom: -1cm; padding-bottom: 2cm;}"
          text run at (408,150) width 0: " "
          text run at (0,165) width 344: "P.nine {margin-top: -1cm; padding-top: 1cm;"
          text run at (344,165) width 0: " "
          text run at (0,180) width 376: "        padding-bottom: 0; margin-bottom: 1cm;}"
          text run at (376,180) width 0: " "
          text run at (0,195) width 304: "P.ten {margin-top: 1cm;padding-top: 0;"
          text run at (304,195) width 0: " "
          text run at (0,210) width 248: "       float: left;width: 50%;}"
          text run at (248,210) width 0: " "
          text run at (0,225) width 448: "P.eleven {margin-top: 1cm; padding-top: 0; clear: none;}"
          text run at (448,225) width 0: " "
          text run at (0,240) width 496: "P.twelve {margin-bottom: 0; padding-bottom: 1cm; clear: both;}"
          text run at (496,240) width 0: " "
          text run at (0,255) width 360: "P.thirteen {margin-top: 0; padding-top: 1cm;}"
          text run at (360,255) width 0: " "
          text run at (0,270) width 160: "TABLE {clear: both;}"
          text run at (160,270) width 0: " "
          text run at (0,285) width 0: " "
      RenderBlock {HR} at (0,347) size 769x2 [border: (1px inset #000000)]
      RenderBlock {P} at (0,365) size 769x36
        RenderText {#text} at (0,0) size 754x35
          text run at (0,0) width 754: "There should be a two-centimeter margin between this paragraph and the next, because adjacent vertical margins should"
          text run at (0,18) width 255: "collapse to the maximum of the margins."
      RenderBlock {P} at (0,476) size 769x19
        RenderText {#text} at (0,0) size 164x17
          text run at (0,0) width 164: "This is another paragraph."
      RenderBlock {P} at (0,510) size 769x19
        RenderText {#text} at (0,0) size 494x17
          text run at (0,0) width 494: "There should be a two-centimeter margin between this paragraph and the next."
      RenderBlock {P} at (0,604) size 769x19
        RenderText {#text} at (0,0) size 164x17
          text run at (0,0) width 164: "This is another paragraph."
      RenderBlock {P} at (0,638) size 769x37
        RenderText {#text} at (0,0) size 719x35
          text run at (0,0) width 719: "There should be a one-centimeter margin between this paragraph and the next, because when there is one negative"
          text run at (0,18) width 465: "margin, the two margins should be added (the minus sign should be kept)."
      RenderBlock {P} at (0,711) size 769x19
        RenderText {#text} at (0,0) size 164x17
          text run at (0,0) width 164: "This is another paragraph."
      RenderBlock {DIV} at (0,767) size 769x131
        RenderBlock {P} at (0,75) size 769x55
          RenderText {#text} at (0,0) size 760x53
            text run at (0,0) width 757: "There should be three centimeters between this text and the text above, but only one centimeter between this text and the"
            text run at (0,18) width 760: "text below, because vertical margins of nested elements should collapse only if there is no border or padding between the"
            text run at (0,36) width 54: "margins."
      RenderBlock {P} at (0,935) size 769x19
        RenderText {#text} at (0,0) size 109x17
          text run at (0,0) width 109: "This is more text."
      RenderBlock {P} at (0,969) size 769x112
        RenderText {#text} at (0,0) size 726x35
          text run at (0,0) width 726: "There should be two centimeters between this paragraph and the one below, because negative margins collapse to a"
          text run at (0,18) width 456: "negative margin with the largest absolute value of the margins collapsed."
      RenderBlock {P} at (0,1042) size 769x75
85 86 87
        RenderText {#text} at (0,38) size 765x35
          text run at (0,38) width 765: "This is a paragraph, which I should make very long so that you can easily see how much space there is between it and the"
          text run at (0,56) width 181: "one below it and to the right."
88 89 90 91 92 93
      RenderBlock (floating) {P} at (0,1192) size 385x55
        RenderText {#text} at (0,0) size 382x53
          text run at (0,0) width 382: "There should be two centimeters between this paragraph and"
          text run at (0,18) width 365: "the one above it, since margins do not collapse on floating"
          text run at (0,36) width 59: "elements."
      RenderBlock {P} at (0,1154) size 769x55
94 95 96 97
        RenderText {#text} at (384,0) size 376x53
          text run at (384,0) width 376: "There should be one centimeter between this paragraph and"
          text run at (384,18) width 357: "the (non-floating) one above it, since the float should not"
          text run at (384,36) width 182: "effect the paragraph spacing."
98 99 100 101 102 103
      RenderBlock {P} at (0,1262) size 769x74
        RenderText {#text} at (0,0) size 750x35
          text run at (0,0) width 555: "There should be two centimeters of padding between this paragraph and the one below. "
          text run at (555,0) width 195: "Padding does not collapse, and"
          text run at (0,18) width 234: "there is 1cm of padding on each side."
      RenderBlock {P} at (0,1336) size 769x56
104 105
        RenderText {#text} at (0,38) size 167x17
          text run at (0,38) width 167: "This is the next paragraph."
106 107
      RenderTable {TABLE} at (0,1407) size 769x1064 [border: (1px outset #808080)]
        RenderTableSection {TBODY} at (1,1) size 767x1061
108 109 110 111 112
          RenderTableRow {TR} at (0,0) size 767x26
            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
              RenderInline {STRONG} at (0,0) size 163x17
                RenderText {#text} at (4,4) size 163x17
                  text run at (4,4) width 163: "TABLE Testing Section"
113
          RenderTableRow {TR} at (0,26) size 767x1035
114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151
            RenderTableCell {TD} at (0,530) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
              RenderText {#text} at (4,4) size 4x17
                text run at (4,4) width 4: " "
            RenderTableCell {TD} at (12,26) size 755x1035 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (4,4) size 747x36
                RenderText {#text} at (0,0) size 708x35
                  text run at (0,0) width 708: "There should be a two-centimeter margin between this paragraph and the next, because adjacent vertical margins"
                  text run at (0,18) width 301: "should collapse to the maximum of the margins."
              RenderBlock {P} at (4,115) size 747x19
                RenderText {#text} at (0,0) size 164x17
                  text run at (0,0) width 164: "This is another paragraph."
              RenderBlock {P} at (4,149) size 747x19
                RenderText {#text} at (0,0) size 494x17
                  text run at (0,0) width 494: "There should be a two-centimeter margin between this paragraph and the next."
              RenderBlock {P} at (4,243) size 747x19
                RenderText {#text} at (0,0) size 164x17
                  text run at (0,0) width 164: "This is another paragraph."
              RenderBlock {P} at (4,277) size 747x37
                RenderText {#text} at (0,0) size 719x35
                  text run at (0,0) width 719: "There should be a one-centimeter margin between this paragraph and the next, because when there is one negative"
                  text run at (0,18) width 465: "margin, the two margins should be added (the minus sign should be kept)."
              RenderBlock {P} at (4,350) size 747x19
                RenderText {#text} at (0,0) size 164x17
                  text run at (0,0) width 164: "This is another paragraph."
              RenderBlock {DIV} at (4,406) size 747x131
                RenderBlock {P} at (0,75) size 747x55
                  RenderText {#text} at (0,0) size 734x53
                    text run at (0,0) width 734: "There should be three centimeters between this text and the text above, but only one centimeter between this text and"
                    text run at (0,18) width 703: "the text below, because vertical margins of nested elements should collapse only if there is no border or padding"
                    text run at (0,36) width 134: "between the margins."
              RenderBlock {P} at (4,574) size 747x19
                RenderText {#text} at (0,0) size 109x17
                  text run at (0,0) width 109: "This is more text."
              RenderBlock {P} at (4,608) size 747x112
                RenderText {#text} at (0,0) size 726x35
                  text run at (0,0) width 726: "There should be two centimeters between this paragraph and the one below, because negative margins collapse to a"
                  text run at (0,18) width 456: "negative margin with the largest absolute value of the margins collapsed."
              RenderBlock {P} at (4,681) size 747x75
152 153 154
                RenderText {#text} at (0,38) size 742x35
                  text run at (0,38) width 742: "This is a paragraph, which I should make very long so that you can easily see how much space there is between it and"
                  text run at (0,56) width 204: "the one below it and to the right."
155 156 157 158 159 160
              RenderBlock (floating) {P} at (4,831) size 374x55
                RenderText {#text} at (0,0) size 355x53
                  text run at (0,0) width 355: "There should be two centimeters between this paragraph"
                  text run at (0,18) width 340: "and the one above it, since margins do not collapse on"
                  text run at (0,36) width 111: "floating elements."
              RenderBlock {P} at (4,793) size 747x55
161 162 163 164
                RenderText {#text} at (373,0) size 360x53
                  text run at (373,0) width 349: "There should be one centimeter between this paragraph"
                  text run at (373,18) width 360: "and the (non-floating) one above it, since the float should"
                  text run at (373,36) width 206: "not effect the paragraph spacing."
165 166 167 168 169 170
              RenderBlock {P} at (4,901) size 747x74
                RenderText {#text} at (0,0) size 723x35
                  text run at (0,0) width 555: "There should be two centimeters of padding between this paragraph and the one below. "
                  text run at (555,0) width 168: "Padding does not collapse,"
                  text run at (0,18) width 261: "and there is 1cm of padding on each side."
              RenderBlock {P} at (4,975) size 747x56
171 172
                RenderText {#text} at (0,38) size 167x17
                  text run at (0,38) width 167: "This is the next paragraph."