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

   1 layer at (0,0) size 785x2307
   2   RenderView at (0,0) size 785x600
   3 layer at (0,0) size 785x2307
   4   RenderBlock {HTML} at (0,0) size 785x2307
   5     RenderBody {BODY} at (8,8) size 769x2291 [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 769x270
  10         RenderText {#text} at (0,0) size 523x270
  11           text run at (0,0) width 336: "P.one {font-size: 14px; line-height: 20px;}"
  12           text run at (335,0) width 1: " "
  13           text run at (0,15) width 297: "IMG.onea {vertical-align: text-bottom;"
  14           text run at (296,15) width 1: " "
  15           text run at (0,30) width 266: "     width: 200px; height: 200px;}"
  16           text run at (265,30) width 1: " "
  17           text run at (0,45) width 508: "IMG.oneb {vertical-align: text-top; width: 200px; height: 200px;}"
  18           text run at (507,45) width 1: " "
  19           text run at (0,60) width 0: " "
  20           text run at (0,75) width 336: "P.two {font-size: 14px; line-height: 20px;}"
  21           text run at (335,75) width 1: " "
  22           text run at (0,90) width 523: "IMG.twoa {vertical-align: text-bottom; width: 100px; height: 100px;"
  23           text run at (522,90) width 1: " "
  24           text run at (0,105) width 305: "     padding: 5px; border-style: solid;"
  25           text run at (304,105) width 1: " "
  26           text run at (0,120) width 305: "     border-width: 10px; margin: 15px;}"
  27           text run at (304,120) width 1: " "
  28           text run at (0,135) width 274: "IMG.twob {vertical-align: text-top;"
  29           text run at (273,135) width 1: " "
  30           text run at (0,150) width 297: "          width: 100px; height: 100px;"
  31           text run at (296,150) width 1: " "
  32           text run at (0,165) width 305: "     padding: 5px; border-style: solid;"
  33           text run at (304,165) width 1: " "
  34           text run at (0,180) width 305: "     border-width: 10px; margin: 15px;}"
  35           text run at (304,180) width 1: " "
  36           text run at (0,195) width 0: " "
  37           text run at (0,210) width 469: "IMG.twoc {vertical-align: middle; width: 50px; height: 50px;"
  38           text run at (468,210) width 1: " "
  39           text run at (0,225) width 305: "     padding: 5px; border-style: solid;"
  40           text run at (304,225) width 1: " "
  41           text run at (0,240) width 313: "     border-width: 10px; margin: -10px;}"
  42           text run at (312,240) width 1: " "
  43           text run at (0,255) width 0: " "
  44       RenderBlock {HR} at (0,317) size 769x2 [border: (1px inset #EEEEEE)]
  45       RenderBlock {P} at (0,333) size 769x445
  46         RenderText {#text} at (0,2) size 768x238
  47           text run at (0,2) width 413: "This paragraph should have a font size of 14px and a line height of 20px. "
  48           text run at (412,2) width 345: "This means that the lines of text within it should be separated"
  49           text run at (0,22) width 367: "by six pixels, three of which are part of the line-box of each line. "
  50           text run at (366,22) width 402: "Any images within the paragraph should increase the height of the line-"
  51           text run at (0,225) width 266: "box so that they fit within the line box, such as "
  52         RenderImage {IMG} at (265.17,40) size 200x200
  53         RenderText {#text} at (465,225) size 28x15
  54           text run at (465,225) width 28: " and "
  55         RenderImage {IMG} at (492.39,225) size 200x200
  56         RenderText {#text} at (692,225) size 769x217
  57           text run at (692,225) width 8: ". "
  58           text run at (699,225) width 39: "This is"
  59           text run at (0,427) width 769: "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 aligned."
  60       RenderBlock {P} at (0,792) size 769x485
  61         RenderText {#text} at (0,2) size 759x198
  62           text run at (0,2) width 413: "This paragraph should have a font size of 14px and a line height of 20px. "
  63           text run at (412,2) width 345: "This means that the lines of text within it should be separated"
  64           text run at (0,22) width 78: "by six pixels. "
  65           text run at (77,22) width 682: "Any images within the paragraph should increase the height of the line-box so that they fit, including their padding (5px),"
  66           text run at (0,185) width 351: "border (10px) and margins (15px) within the line box, such as "
  67         RenderImage {IMG} at (365.70,55) size 130x130 [border: (10px solid #000000)]
  68         RenderText {#text} at (510,185) size 28x15
  69           text run at (510,185) width 28: " and "
  70         RenderImage {IMG} at (552.91,200) size 130x130 [border: (10px solid #000000)]
  71         RenderText {#text} at (697,185) size 769x256
  72           text run at (697,185) width 8: ". "
  73           text run at (704,185) width 39: "This is"
  74           text run at (0,347) width 769: "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 aligned."
  75           text run at (0,367) width 735: "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 bottom"
  76           text run at (0,387) width 753: "border of the image should begin 15px above the bottom of the text, and for the second image the top border should begin 15px below"
  77           text run at (0,426) width 103: "the top of the text "
  78         RenderImage {IMG} at (92.25,395) size 80x80 [border: (10px solid #000000)]
  79         RenderText {#text} at (162,426) size 737x56
  80           text run at (162,426) width 8: ". "
  81           text run at (169,426) width 568: "The last image in this paragraph has -10px margins set on it, so that should pull the text in toward the"
  82           text run at (0,467) width 374: "image in the vertical direction, and also in the horizontal direction."
  83       RenderTable {TABLE} at (0,1291) size 769x1000 [border: (1px outset #808080)]
  84         RenderTableSection {TBODY} at (1,1) size 767x998
  85           RenderTableRow {TR} at (0,0) size 767x26
  86             RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
  87               RenderInline {STRONG} at (0,0) size 163x17
  88                 RenderText {#text} at (4,4) size 163x17
  89                   text run at (4,4) width 163: "TABLE Testing Section"
  90           RenderTableRow {TR} at (0,26) size 767x972
  91             RenderTableCell {TD} at (0,499) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
  92               RenderText {#text} at (4,4) size 4x17
  93                 text run at (4,4) width 4: " "
  94             RenderTableCell {TD} at (12,26) size 755x972 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
  95               RenderBlock {P} at (4,4) size 747x465
  96                 RenderText {#text} at (0,2) size 720x238
  97                   text run at (0,2) width 413: "This paragraph should have a font size of 14px and a line height of 20px. "
  98                   text run at (412,2) width 288: "This means that the lines of text within it should be"
  99                   text run at (0,22) width 423: "separated by six pixels, three of which are part of the line-box of each line. "
 100                   text run at (422,22) width 298: "Any images within the paragraph should increase the"
 101                   text run at (0,225) width 366: "height of the line-box so that they fit within the line box, such as "
 102                 RenderImage {IMG} at (365.09,40) size 200x200
 103                 RenderText {#text} at (565,225) size 28x15
 104                   text run at (565,225) width 28: " and "
 105                 RenderImage {IMG} at (0,245) size 200x200
 106                 RenderText {#text} at (200,245) size 733x217
 107                   text run at (200,245) width 7: ". "
 108                   text run at (207,245) width 526: "This is additional text to make sure that there is enough room left below the image so that this"
 109                   text run at (0,447) width 281: "line does not hit the image that is text-top aligned."
 110               RenderBlock {P} at (4,483) size 747x485
 111                 RenderText {#text} at (0,2) size 729x198
 112                   text run at (0,2) width 413: "This paragraph should have a font size of 14px and a line height of 20px. "
 113                   text run at (412,2) width 288: "This means that the lines of text within it should be"
 114                   text run at (0,22) width 135: "separated by six pixels. "
 115                   text run at (134,22) width 595: "Any images within the paragraph should increase the height of the line-box so that they fit, including their"
 116                   text run at (0,185) width 437: "padding (5px), border (10px) and margins (15px) within the line box, such as "
 117                 RenderImage {IMG} at (451.63,55) size 130x130 [border: (10px solid #000000)]
 118                 RenderText {#text} at (596,185) size 28x15
 119                   text run at (596,185) width 28: " and "
 120                 RenderImage {IMG} at (15,220) size 130x130 [border: (10px solid #000000)]
 121                 RenderText {#text} at (160,205) size 747x236
 122                   text run at (160,205) width 7: ". "
 123                   text run at (167,205) width 580: "This is additional text to make sure that there is enough room left below the image so that this line does"
 124                   text run at (0,367) width 231: "not hit the image that is text-top aligned. "
 125                   text run at (230,367) width 489: "It is the outer edge of the margin that should be text-bottom and text-top aligned in this"
 126                   text run at (0,387) width 735: "paragraph, so for the first image the bottom border of the image should begin 15px above the bottom of the text, and for the second"
 127                   text run at (0,426) width 367: "image the top border should begin 15px below the top of the text "
 128                 RenderImage {IMG} at (356.64,395) size 80x80 [border: (10px solid #000000)]
 129                 RenderText {#text} at (426,426) size 740x56
 130                   text run at (426,426) width 8: ". "
 131                   text run at (433,426) width 307: "The last image in this paragraph has -10px margins set"
 132                   text run at (0,467) width 635: "on it, so that should pull the text in toward the image in the vertical direction, and also in the horizontal direction."