Revised layout tests after the <hr> changes.
[WebKit-https.git] / LayoutTests / css1 / formatting_model / height_of_lines-expected.txt
1 layer at (0,0) size 800x2295
2   RenderCanvas at (0,0) size 800x600
3 layer at (0,0) size 800x2295
4   RenderBlock {HTML} at (0,0) size 800x2295
5     RenderBody {BODY} at (8,8) size 784x2279 [bgcolor=#CCCCCC]
6       RenderBlock {P} at (0,0) size 784x18
7         RenderText {TEXT} at (0,0) size 355x18
8           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
9       RenderBlock {PRE} at (0,34) size 784x270
10         RenderText {TEXT} at (0,0) size 536x255
11           text run at (0,0) width 160: "P.one {font-size: 14"
12           text run at (160,0) width 152: "px; line-height: 20"
13           text run at (312,0) width 32: "px;}"
14           text run at (0,15) width 304: "IMG.onea {vertical-align: text-bottom;"
15           text run at (0,30) width 120: "     width: 200"
16           text run at (120,30) width 120: "px; height: 200"
17           text run at (240,30) width 32: "px;}"
18           text run at (0,45) width 368: "IMG.oneb {vertical-align: text-top; width: 200"
19           text run at (368,45) width 120: "px; height: 200"
20           text run at (488,45) width 32: "px;}"
21           text run at (0,75) width 160: "P.two {font-size: 14"
22           text run at (160,75) width 152: "px; line-height: 20"
23           text run at (312,75) width 32: "px;}"
24           text run at (0,90) width 392: "IMG.twoa {vertical-align: text-bottom; width: 100"
25           text run at (392,90) width 120: "px; height: 100"
26           text run at (512,90) width 24: "px;"
27           text run at (0,105) width 120: "     padding: 5"
28           text run at (120,105) width 192: "px; border-style: solid;"
29           text run at (0,120) width 168: "     border-width: 10"
30           text run at (168,120) width 112: "px; margin: 15"
31           text run at (280,120) width 32: "px;}"
32           text run at (0,135) width 280: "IMG.twob {vertical-align: text-top;"
33           text run at (0,150) width 160: "          width: 100"
34           text run at (160,150) width 120: "px; height: 100"
35           text run at (280,150) width 24: "px;"
36           text run at (0,165) width 120: "     padding: 5"
37           text run at (120,165) width 192: "px; border-style: solid;"
38           text run at (0,180) width 168: "     border-width: 10"
39           text run at (168,180) width 112: "px; margin: 15"
40           text run at (280,180) width 32: "px;}"
41           text run at (0,210) width 344: "IMG.twoc {vertical-align: middle; width: 50"
42           text run at (344,210) width 112: "px; height: 50"
43           text run at (456,210) width 24: "px;"
44           text run at (0,225) width 120: "     padding: 5"
45           text run at (120,225) width 192: "px; border-style: solid;"
46           text run at (0,240) width 168: "     border-width: 10"
47           text run at (168,240) width 120: "px; margin: -10"
48           text run at (288,240) width 32: "px;}"
49       RenderBlock {HR} at (0,317) size 784x2 [border: (1px inset #000000)]
50       RenderBlock {P} at (0,333) size 784x442
51         RenderText {TEXT} at (0,1) size 779x242
52           text run at (0,1) width 252: "This paragraph should have a font size of 14"
53           text run at (252,1) width 146: "px and a line height of 20"
54           text run at (398,1) width 22: "px. "
55           text run at (420,1) width 347: "This means that the lines of text within it should be separated"
56           text run at (0,21) width 374: "by six pixels, three of which are part of the line-box of each line. "
57           text run at (374,21) width 405: "Any images within the paragraph should increase the height of the line-"
58           text run at (0,223) width 270: "box so that they fit within the line box, such as "
59         RenderImage {IMG} at (270,40) size 200x200
60         RenderText {TEXT} at (470,223) size 28x20
61           text run at (470,223) width 28: " and "
62         RenderImage {IMG} at (498,222) size 200x200
63         RenderText {TEXT} at (698,223) size 780x220
64           text run at (698,223) width 8: ". "
65           text run at (706,223) width 38: "This is"
66           text run at (0,423) width 780: "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."
67       RenderBlock {P} at (0,789) size 784x482
68         RenderText {TEXT} at (0,1) size 770x202
69           text run at (0,1) width 252: "This paragraph should have a font size of 14"
70           text run at (252,1) width 146: "px and a line height of 20"
71           text run at (398,1) width 22: "px. "
72           text run at (420,1) width 347: "This means that the lines of text within it should be separated"
73           text run at (0,21) width 79: "by six pixels. "
74           text run at (79,21) width 668: "Any images within the paragraph should increase the height of the line-box so that they fit, including their padding (5"
75           text run at (747,21) width 23: "px),"
76           text run at (0,183) width 60: "border (10"
77           text run at (60,183) width 115: "px) and margins (15"
78           text run at (175,183) width 182: "px) within the line box, such as "
79         RenderImage {IMG} at (372,55) size 130x130 [border: (10px solid #000000)]
80         RenderText {TEXT} at (517,183) size 28x20
81           text run at (517,183) width 28: " and "
82         RenderImage {IMG} at (560,197) size 130x130 [border: (10px solid #000000)]
83         RenderText {TEXT} at (705,183) size 780x259
84           text run at (705,183) width 8: ". "
85           text run at (713,183) width 38: "This is"
86           text run at (0,343) width 780: "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."
87           text run at (0,363) width 748: "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"
88           text run at (0,383) width 206: "border of the image should begin 15"
89           text run at (206,383) width 506: "px above the bottom of the text, and for the second image the top border should begin 15"
90           text run at (712,383) width 52: "px below"
91           text run at (0,422) width 105: "the top of the text "
92         RenderImage {IMG} at (95,392) size 80x80 [border: (10px solid #000000)]
93         RenderText {TEXT} at (165,422) size 749x61
94           text run at (165,422) width 8: ". "
95           text run at (173,422) width 227: "The last image in this paragraph has -10"
96           text run at (400,422) width 349: "px margins set on it, so that should pull the text in toward the"
97           text run at (0,463) width 379: "image in the vertical direction, and also in the horizontal direction."
98       RenderTable {TABLE} at (0,1285) size 784x994 [border: (1px outset #808080)]
99         RenderTableSection {TBODY} at (1,1) size 0x992
100           RenderTableRow {TR} at (0,0) size 0x0
101             RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
102               RenderInline {STRONG} at (0,0) size 163x18
103                 RenderText {TEXT} at (4,4) size 163x18
104                   text run at (4,4) width 163: "TABLE Testing Section"
105           RenderTableRow {TR} at (0,0) size 0x0
106             RenderTableCell {TD} at (0,496) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
107               RenderText {TEXT} at (4,4) size 4x18
108                 text run at (4,4) width 4: " "
109             RenderTableCell {TD} at (12,26) size 770x966 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
110               RenderBlock {P} at (4,4) size 762x462
111                 RenderText {TEXT} at (0,1) size 729x242
112                   text run at (0,1) width 252: "This paragraph should have a font size of 14"
113                   text run at (252,1) width 146: "px and a line height of 20"
114                   text run at (398,1) width 22: "px. "
115                   text run at (420,1) width 291: "This means that the lines of text within it should be"
116                   text run at (0,21) width 430: "separated by six pixels, three of which are part of the line-box of each line. "
117                   text run at (430,21) width 299: "Any images within the paragraph should increase the"
118                   text run at (0,223) width 372: "height of the line-box so that they fit within the line box, such as "
119                 RenderImage {IMG} at (372,40) size 200x200
120                 RenderText {TEXT} at (572,223) size 28x20
121                   text run at (572,223) width 28: " and "
122                 RenderImage {IMG} at (0,242) size 200x200
123                 RenderText {TEXT} at (200,243) size 741x220
124                   text run at (200,243) width 8: ". "
125                   text run at (208,243) width 533: "This is additional text to make sure that there is enough room left below the image so that this"
126                   text run at (0,443) width 285: "line does not hit the image that is text-top aligned."
127               RenderBlock {P} at (4,480) size 762x482
128                 RenderText {TEXT} at (0,1) size 738x202
129                   text run at (0,1) width 252: "This paragraph should have a font size of 14"
130                   text run at (252,1) width 146: "px and a line height of 20"
131                   text run at (398,1) width 22: "px. "
132                   text run at (420,1) width 291: "This means that the lines of text within it should be"
133                   text run at (0,21) width 135: "separated by six pixels. "
134                   text run at (135,21) width 603: "Any images within the paragraph should increase the height of the line-box so that they fit, including their"
135                   text run at (0,183) width 61: "padding (5"
136                   text run at (61,183) width 87: "px), border (10"
137                   text run at (148,183) width 115: "px) and margins (15"
138                   text run at (263,183) width 182: "px) within the line box, such as "
139                 RenderImage {IMG} at (460,55) size 130x130 [border: (10px solid #000000)]
140                 RenderText {TEXT} at (605,183) size 28x20
141                   text run at (605,183) width 28: " and "
142                 RenderImage {IMG} at (15,217) size 130x130 [border: (10px solid #000000)]
143                 RenderText {TEXT} at (160,203) size 755x239
144                   text run at (160,203) width 8: ". "
145                   text run at (168,203) width 587: "This is additional text to make sure that there is enough room left below the image so that this line does"
146                   text run at (0,363) width 235: "not hit the image that is text-top aligned. "
147                   text run at (235,363) width 496: "It is the outer edge of the margin that should be text-bottom and text-top aligned in this"
148                   text run at (0,383) width 458: "paragraph, so for the first image the bottom border of the image should begin 15"
149                   text run at (458,383) width 290: "px above the bottom of the text, and for the second"
150                   text run at (0,422) width 212: "image the top border should begin 15"
151                   text run at (212,422) width 161: "px below the top of the text "
152                 RenderImage {IMG} at (363,392) size 80x80 [border: (10px solid #000000)]
153                 RenderText {TEXT} at (433,422) size 750x61
154                   text run at (433,422) width 8: ". "
155                   text run at (441,422) width 227: "The last image in this paragraph has -10"
156                   text run at (668,422) width 82: "px margins set"
157                   text run at (0,463) width 646: "on it, so that should pull the text in toward the image in the vertical direction, and also in the horizontal direction."