layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x600
  RenderBlock {HTML} at (0,0) size 800x600
    RenderBody {BODY} at (8,8) size 784x584
      RenderBlock {DIV} at (0,0) size 784x18
        RenderBlock (floating) {DIV} at (516,0) size 268x104 [border: (2px solid #FF0000)]
          RenderText {#text} at (2,2) size 264x18
            text run at (2,2) width 264: "I should become a right-floating element."
        RenderText {#text} at (0,0) size 401x18
          text run at (0,0) width 200: "This text should be on the left. "
          text run at (199,0) width 202: "The float should be to the right."
      RenderBlock {DIV} at (0,18) size 784x30
      RenderBlock {DIV} at (0,48) size 784x36
        RenderBlock (floating) {SPAN} at (0,0) size 260x104 [border: (2px solid #FF0000)]
          RenderText {#text} at (2,2) size 256x18
            text run at (2,2) width 256: "I should become a left-floating element."
        RenderText {#text} at (259,0) size 233x36
          text run at (259,0) width 209: "This text should be on the right. "
          text run at (467,0) width 25: "The"
          text run at (259,18) width 164: "float should be to the left."