src/third_party/WebKit/LayoutTests/platform/win/css1/box_properties/clear_float-expected.txt

   1 layer at (0,0) size 800x806
   2   RenderView at (0,0) size 800x600
   3 layer at (0,0) size 800x806
   4   RenderBlock {HTML} at (0,0) size 800x805.88
   5     RenderBody {BODY} at (8,8) size 784x789.88 [bgcolor=#CCCCCC]
   6       RenderBlock {P} at (0,0) size 784x20
   7         RenderText {#text} at (0,0) size 337x19
   8           text run at (0,0) width 337: "The style declarations which apply to the text below are:"
   9       RenderBlock {PRE} at (0,33) size 784x144
  10         RenderText {#text} at (0,0) size 616x144
  11           text run at (0,0) width 392: "P { margin: 0; padding: 0; text-align:  justify;}"
  12           text run at (392,0) width 0: " "
  13           text run at (0,16) width 0: " "
  14           text run at (0,32) width 384: "DIV.menu {float: left; clear: left; width: 11em;"
  15           text run at (384,32) width 0: " "
  16           text run at (0,48) width 464: "          margin: 0; margin-bottom: 10px; padding: 0.5em;}"
  17           text run at (464,48) width 0: " "
  18           text run at (0,64) width 432: "DIV.menu H1 {font-size: 1.2em; margin: 0; padding: 0;}"
  19           text run at (432,64) width 0: " "
  20           text run at (0,80) width 448: "DIV.menu UL {margin: 0.2em 0.3em 0.2em 1em; padding: 0;}"
  21           text run at (448,80) width 0: " "
  22           text run at (0,96) width 616: "DIV.article {padding: 0.5em; margin: 0; margin-left: 14em; margin-right: 2em;"
  23           text run at (616,96) width 0: " "
  24           text run at (0,112) width 480: "             color: black; background: yellow; clear: none;}"
  25           text run at (480,112) width 0: " "
  26           text run at (0,128) width 0: " "
  27       RenderBlock {HR} at (0,190) size 784x2 [border: (1px inset #EEEEEE)]
  28       RenderBlock (floating) {DIV} at (0,200) size 192x125.38 [color=#FFFFFF] [bgcolor=#008000]
  29         RenderBlock {H1} at (8,8) size 176x23
  30           RenderText {#text} at (0,0) size 82x22
  31             text run at (0,0) width 82: "Top menu"
  32         RenderBlock {UL} at (24,34.19) size 155.20x80
  33           RenderListItem {LI} at (0,0) size 155.20x20
  34             RenderListMarker at (-18,0) size 7x19: bullet
  35             RenderText {#text} at (0,0) size 33x19
  36               text run at (0,0) width 33: "green"
  37           RenderListItem {LI} at (0,20) size 155.20x20
  38             RenderListMarker at (-18,0) size 7x19: bullet
  39             RenderText {#text} at (0,0) size 58x19
  40               text run at (0,0) width 58: "white text"
  41           RenderListItem {LI} at (0,40) size 155.20x20
  42             RenderListMarker at (-18,0) size 7x19: bullet
  43             RenderText {#text} at (0,0) size 90x19
  44               text run at (0,0) width 90: "0.5em padding"
  45           RenderListItem {LI} at (0,60) size 155.20x20
  46             RenderListMarker at (-18,0) size 7x19: bullet
  47             RenderText {#text} at (0,0) size 82x19
  48               text run at (0,0) width 82: "0.5em margin"
  49       RenderBlock (floating) {DIV} at (0,335.38) size 192x125.38 [color=#FFFFFF] [bgcolor=#0000FF]
  50         RenderBlock {H1} at (8,8) size 176x23
  51           RenderText {#text} at (0,0) size 109x22
  52             text run at (0,0) width 109: "Bottom menu"
  53         RenderBlock {UL} at (24,34.19) size 155.20x80
  54           RenderListItem {LI} at (0,0) size 155.20x20
  55             RenderListMarker at (-18,0) size 7x19: bullet
  56             RenderText {#text} at (0,0) size 101x19
  57               text run at (0,0) width 101: "blue background"
  58           RenderListItem {LI} at (0,20) size 155.20x20
  59             RenderListMarker at (-18,0) size 7x19: bullet
  60             RenderText {#text} at (0,0) size 58x19
  61               text run at (0,0) width 58: "white text"
  62           RenderListItem {LI} at (0,40) size 155.20x20
  63             RenderListMarker at (-18,0) size 7x19: bullet
  64             RenderText {#text} at (0,0) size 90x19
  65               text run at (0,0) width 90: "0.5em padding"
  66           RenderListItem {LI} at (0,60) size 155.20x20
  67             RenderListMarker at (-18,0) size 7x19: bullet
  68             RenderText {#text} at (0,0) size 82x19
  69               text run at (0,0) width 82: "0.5em margin"
  70       RenderBlock {DIV} at (224,200) size 528x235.88 [bgcolor=#FFFF00]
  71         RenderBlock {H1} at (8,29.44) size 512x37
  72           RenderText {#text} at (0,0) size 274x36
  73             text run at (0,0) width 274: "The 'clear' property"
  74         RenderBlock {P} at (8,87.88) size 512x100
  75           RenderText {#text} at (0,0) size 512x99
  76             text run at (0,0) width 512: "This page has two floating \"menus\" on the side; one has a green background, and the"
  77             text run at (0,20) width 157: "other a blue background. "
  78             text run at (157,20) width 355: "Due to settings on the 'float' and 'clear' properties, the two"
  79             text run at (0,40) width 512: "menus should appear on the left side of the page, the blue below the green. There"
  80             text run at (0,60) width 512: "should be a 10px gap between the two menus. There should also be a 10px gap"
  81             text run at (0,80) width 280: "between the top menu and the top of the page."
  82         RenderBlock {P} at (8,187.88) size 512x40
  83           RenderText {#text} at (0,0) size 512x39
  84             text run at (0,0) width 512: "The top of the yellow rectangle (to which this paragraph belongs) should be vertically"
  85             text run at (0,20) width 254: "aligned with the top of the green rectangle."
  86       RenderTable {TABLE} at (192,435.88) size 592x354 [border: (1px outset #808080)]
  87         RenderTableSection {TBODY} at (1,1) size 590x352
  88           RenderTableRow {TR} at (0,0) size 590x28
  89             RenderTableCell {TD} at (0,0) size 590x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
  90               RenderInline {STRONG} at (0,0) size 159x19
  91                 RenderText {#text} at (4,4) size 159x19
  92                   text run at (4,4) width 159: "TABLE Testing Section"
  93           RenderTableRow {TR} at (0,28) size 590x324
  94             RenderTableCell {TD} at (0,176) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
  95               RenderText {#text} at (4,4) size 4x19
  96                 text run at (4,4) width 4: " "
  97             RenderTableCell {TD} at (12,28) size 578x323.88 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
  98               RenderBlock (floating) {DIV} at (4,4) size 192x125.38 [color=#FFFFFF] [bgcolor=#008000]
  99                 RenderBlock {H1} at (8,8) size 176x23
 100                   RenderText {#text} at (0,0) size 82x22
 101                     text run at (0,0) width 82: "Top menu"
 102                 RenderBlock {UL} at (24,34.19) size 155.20x80
 103                   RenderListItem {LI} at (0,0) size 155.20x20
 104                     RenderListMarker at (-18,0) size 7x19: bullet
 105                     RenderText {#text} at (0,0) size 33x19
 106                       text run at (0,0) width 33: "green"
 107                   RenderListItem {LI} at (0,20) size 155.20x20
 108                     RenderListMarker at (-18,0) size 7x19: bullet
 109                     RenderText {#text} at (0,0) size 58x19
 110                       text run at (0,0) width 58: "white text"
 111                   RenderListItem {LI} at (0,40) size 155.20x20
 112                     RenderListMarker at (-18,0) size 7x19: bullet
 113                     RenderText {#text} at (0,0) size 90x19
 114                       text run at (0,0) width 90: "0.5em padding"
 115                   RenderListItem {LI} at (0,60) size 155.20x20
 116                     RenderListMarker at (-18,0) size 7x19: bullet
 117                     RenderText {#text} at (0,0) size 82x19
 118                       text run at (0,0) width 82: "0.5em margin"
 119               RenderBlock (floating) {DIV} at (4,139.38) size 192x125.38 [color=#FFFFFF] [bgcolor=#0000FF]
 120                 RenderBlock {H1} at (8,8) size 176x23
 121                   RenderText {#text} at (0,0) size 109x22
 122                     text run at (0,0) width 109: "Bottom menu"
 123                 RenderBlock {UL} at (24,34.19) size 155.20x80
 124                   RenderListItem {LI} at (0,0) size 155.20x20
 125                     RenderListMarker at (-18,0) size 7x19: bullet
 126                     RenderText {#text} at (0,0) size 101x19
 127                       text run at (0,0) width 101: "blue background"
 128                   RenderListItem {LI} at (0,20) size 155.20x20
 129                     RenderListMarker at (-18,0) size 7x19: bullet
 130                     RenderText {#text} at (0,0) size 58x19
 131                       text run at (0,0) width 58: "white text"
 132                   RenderListItem {LI} at (0,40) size 155.20x20
 133                     RenderListMarker at (-18,0) size 7x19: bullet
 134                     RenderText {#text} at (0,0) size 90x19
 135                       text run at (0,0) width 90: "0.5em padding"
 136                   RenderListItem {LI} at (0,60) size 155.20x20
 137                     RenderListMarker at (-18,0) size 7x19: bullet
 138                     RenderText {#text} at (0,0) size 82x19
 139                       text run at (0,0) width 82: "0.5em margin"
 140               RenderBlock {DIV} at (228,4) size 314x315.88 [bgcolor=#FFFF00]
 141                 RenderBlock {H1} at (8,29.44) size 298x37
 142                   RenderText {#text} at (0,0) size 274x36
 143                     text run at (0,0) width 274: "The 'clear' property"
 144                 RenderBlock {P} at (8,87.88) size 298x160
 145                   RenderText {#text} at (0,0) size 298x159
 146                     text run at (0,0) width 298: "This page has two floating \"menus\" on the side;"
 147                     text run at (0,20) width 298: "one has a green background, and the other a blue"
 148                     text run at (0,40) width 83: "background. "
 149                     text run at (83,40) width 215: "Due to settings on the 'float' and"
 150                     text run at (0,60) width 298: "'clear' properties, the two menus should appear"
 151                     text run at (0,80) width 298: "on the left side of the page, the blue below the"
 152                     text run at (0,100) width 298: "green. There should be a 10px gap between the"
 153                     text run at (0,120) width 298: "two menus. There should also be a 10px gap"
 154                     text run at (0,140) width 280: "between the top menu and the top of the page."
 155                 RenderBlock {P} at (8,247.88) size 298x60
 156                   RenderText {#text} at (0,0) size 298x59
 157                     text run at (0,0) width 298: "The top of the yellow rectangle (to which this"
 158                     text run at (0,20) width 298: "paragraph belongs) should be vertically aligned"
 159                     text run at (0,40) width 208: "with the top of the green rectangle."