src/third_party/WebKit/LayoutTests/platform/win/css1/formatting_model/height_of_lines-expected.txt

   1 layer at (0,0) size 785x2341
   2   RenderView at (0,0) size 785x600
   3 layer at (0,0) size 785x2341
   4   RenderBlock {HTML} at (0,0) size 785x2341
   5     RenderBody {BODY} at (8,8) size 769x2325 [bgcolor=#CCCCCC]
   6       RenderBlock {P} at (0,0) size 769x18
   7         RenderText {#text} at (0,0) size 363x17
   8           text run at (0,0) width 363: "The style declarations which apply to the text below are:"
   9       RenderBlock {PRE} at (0,34) size 769x288
  10         RenderText {#text} at (0,0) size 536x288
  11           text run at (0,0) width 344: "P.one {font-size: 14px; line-height: 20px;}"
  12           text run at (344,0) width 0: " "
  13           text run at (0,16) width 304: "IMG.onea {vertical-align: text-bottom;"
  14           text run at (304,16) width 0: " "
  15           text run at (0,32) width 272: "     width: 200px; height: 200px;}"
  16           text run at (272,32) width 0: " "
  17           text run at (0,48) width 520: "IMG.oneb {vertical-align: text-top; width: 200px; height: 200px;}"
  18           text run at (520,48) width 0: " "
  19           text run at (0,64) width 0: " "
  20           text run at (0,80) width 344: "P.two {font-size: 14px; line-height: 20px;}"
  21           text run at (344,80) width 0: " "
  22           text run at (0,96) width 536: "IMG.twoa {vertical-align: text-bottom; width: 100px; height: 100px;"
  23           text run at (536,96) width 0: " "
  24           text run at (0,112) width 312: "     padding: 5px; border-style: solid;"
  25           text run at (312,112) width 0: " "
  26           text run at (0,128) width 312: "     border-width: 10px; margin: 15px;}"
  27           text run at (312,128) width 0: " "
  28           text run at (0,144) width 280: "IMG.twob {vertical-align: text-top;"
  29           text run at (280,144) width 0: " "
  30           text run at (0,160) width 304: "          width: 100px; height: 100px;"
  31           text run at (304,160) width 0: " "
  32           text run at (0,176) width 312: "     padding: 5px; border-style: solid;"
  33           text run at (312,176) width 0: " "
  34           text run at (0,192) width 312: "     border-width: 10px; margin: 15px;}"
  35           text run at (312,192) width 0: " "
  36           text run at (0,208) width 0: " "
  37           text run at (0,224) width 480: "IMG.twoc {vertical-align: middle; width: 50px; height: 50px;"
  38           text run at (480,224) width 0: " "
  39           text run at (0,240) width 312: "     padding: 5px; border-style: solid;"
  40           text run at (312,240) width 0: " "
  41           text run at (0,256) width 320: "     border-width: 10px; margin: -10px;}"
  42           text run at (320,256) width 0: " "
  43           text run at (0,272) width 0: " "
  44       RenderBlock {HR} at (0,335) size 769x2 [border: (1px inset #EEEEEE)]
  45       RenderBlock {P} at (0,351) size 769x464
  46         RenderText {#text} at (0,2) size 763x238
  47           text run at (0,2) width 417: "This paragraph should have a font size of 14px and a line height of 20px. "
  48           text run at (417,2) width 346: "This means that the lines of text within it should be separated"
  49           text run at (0,22) width 371: "by six pixels, three of which are part of the line-box of each line. "
  50           text run at (371,22) width 373: "Any images within the paragraph should increase the height of the"
  51           text run at (0,224) width 294: "line-box so that they fit within the line box, such as "
  52         RenderImage {IMG} at (294,40) size 200x200
  53         RenderText {#text} at (494,224) size 28x16
  54           text run at (494,224) width 28: " and "
  55         RenderImage {IMG} at (522,224) size 200x200
  56         RenderText {#text} at (722,224) size 768x238
  57           text run at (722,224) width 8: ". "
  58           text run at (730,224) width 38: "This is"
  59           text run at (0,426) width 725: "additional text to make sure that there is enough room left below the image so that this line does not hit the image that is text-top"
  60           text run at (0,446) width 43: "aligned."
  61       RenderBlock {P} at (0,829) size 769x484
  62         RenderText {#text} at (0,2) size 763x198
  63           text run at (0,2) width 417: "This paragraph should have a font size of 14px and a line height of 20px. "
  64           text run at (417,2) width 346: "This means that the lines of text within it should be separated"
  65           text run at (0,22) width 78: "by six pixels. "
  66           text run at (78,22) width 683: "Any images within the paragraph should increase the height of the line-box so that they fit, including their padding (5px),"
  67           text run at (0,184) width 357: "border (10px) and margins (15px) within the line box, such as "
  68         RenderImage {IMG} at (372,55) size 130x130 [border: (10px solid #000000)]
  69         RenderText {#text} at (517,184) size 28x16
  70           text run at (517,184) width 28: " and "
  71         RenderImage {IMG} at (560,199) size 130x130 [border: (10px solid #000000)]
  72         RenderText {#text} at (705,184) size 768x256
  73           text run at (705,184) width 8: ". "
  74           text run at (713,184) width 38: "This is"
  75           text run at (0,346) width 725: "additional text to make sure that there is enough room left below the image so that this line does not hit the image that is text-top"
  76           text run at (0,366) width 47: "aligned. "
  77           text run at (47,366) width 700: "It is the outer edge of the margin that should be text-bottom and text-top aligned in this paragraph, so for the first image the"
  78           text run at (0,386) width 768: "bottom border of the image should begin 15px above the bottom of the text, and for the second image the top border should begin 15px"
  79           text run at (0,424) width 143: "below the top of the text "
  80         RenderImage {IMG} at (133,394) size 80x80 [border: (10px solid #000000)]
  81         RenderText {#text} at (203,424) size 764x58
  82           text run at (203,424) width 8: ". "
  83           text run at (211,424) width 553: "The last image in this paragraph has -10px margins set on it, so that should pull the text in toward"
  84           text run at (0,466) width 392: "the image in the vertical direction, and also in the horizontal direction."
  85       RenderTable {TABLE} at (0,1327) size 769x998 [border: (1px outset #808080)]
  86         RenderTableSection {TBODY} at (1,1) size 767x996
  87           RenderTableRow {TR} at (0,0) size 767x26
  88             RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
  89               RenderInline {STRONG} at (0,0) size 163x17
  90                 RenderText {#text} at (4,4) size 163x17
  91                   text run at (4,4) width 163: "TABLE Testing Section"
  92           RenderTableRow {TR} at (0,26) size 767x970
  93             RenderTableCell {TD} at (0,498) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
  94               RenderText {#text} at (4,4) size 4x17
  95                 text run at (4,4) width 4: " "
  96             RenderTableCell {TD} at (12,26) size 755x970 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
  97               RenderBlock {P} at (4,4) size 747x464
  98                 RenderText {#text} at (0,2) size 726x238
  99                   text run at (0,2) width 417: "This paragraph should have a font size of 14px and a line height of 20px. "
 100                   text run at (417,2) width 289: "This means that the lines of text within it should be"
 101                   text run at (0,22) width 428: "separated by six pixels, three of which are part of the line-box of each line. "
 102                   text run at (428,22) width 298: "Any images within the paragraph should increase the"
 103                   text run at (0,224) width 369: "height of the line-box so that they fit within the line box, such as "
 104                 RenderImage {IMG} at (369,40) size 200x200
 105                 RenderText {#text} at (569,224) size 28x16
 106                   text run at (569,224) width 28: " and "
 107                 RenderImage {IMG} at (0,244) size 200x200
 108                 RenderText {#text} at (200,244) size 738x218
 109                   text run at (200,244) width 8: ". "
 110                   text run at (208,244) width 530: "This is additional text to make sure that there is enough room left below the image so that this"
 111                   text run at (0,446) width 280: "line does not hit the image that is text-top aligned."
 112               RenderBlock {P} at (4,482) size 747x484
 113                 RenderText {#text} at (0,2) size 731x198
 114                   text run at (0,2) width 417: "This paragraph should have a font size of 14px and a line height of 20px. "
 115                   text run at (417,2) width 289: "This means that the lines of text within it should be"
 116                   text run at (0,22) width 135: "separated by six pixels. "
 117                   text run at (135,22) width 596: "Any images within the paragraph should increase the height of the line-box so that they fit, including their"
 118                   text run at (0,184) width 444: "padding (5px), border (10px) and margins (15px) within the line box, such as "
 119                 RenderImage {IMG} at (459,55) size 130x130 [border: (10px solid #000000)]
 120                 RenderText {#text} at (604,184) size 28x16
 121                   text run at (604,184) width 28: " and "
 122                 RenderImage {IMG} at (15,219) size 130x130 [border: (10px solid #000000)]
 123                 RenderText {#text} at (160,204) size 729x236
 124                   text run at (160,204) width 8: ". "
 125                   text run at (168,204) width 553: "This is additional text to make sure that there is enough room left below the image so that this line"
 126                   text run at (0,366) width 261: "does not hit the image that is text-top aligned. "
 127                   text run at (261,366) width 468: "It is the outer edge of the margin that should be text-bottom and text-top aligned in"
 128                   text run at (0,386) width 728: "this paragraph, so for the first image the bottom border of the image should begin 15px above the bottom of the text, and for the"
 129                   text run at (0,424) width 415: "second image the top border should begin 15px below the top of the text "
 130                 RenderImage {IMG} at (405,394) size 80x80 [border: (10px solid #000000)]
 131                 RenderText {#text} at (475,424) size 723x58
 132                   text run at (475,424) width 8: ". "
 133                   text run at (483,424) width 240: "The last image in this paragraph has -10px"
 134                   text run at (0,466) width 705: "margins set on it, so that should pull the text in toward the image in the vertical direction, and also in the horizontal direction."