layer at (0,0) size 800x600
  LayoutView at (0,0) size 800x600
layer at (0,0) size 800x100
  LayoutBlockFlow {HTML} at (0,0) size 800x100
    LayoutBlockFlow {BODY} at (8,16) size 784x76
      LayoutBlockFlow {P} at (0,0) size 784x20
        LayoutText {#text} at (0,0) size 272x19
          text run at (0,0) width 272: "The following two lines should look the same:"
      LayoutBlockFlow {DIV} at (0,36) size 784x20
        LayoutInline {SPAN} at (0,0) size 34x19
          LayoutInline {<pseudo:before>} at (0,0) size 34x19
            LayoutCounter (anonymous) at (0,0) size 20x19
              text run at (0,0) width 20: "1.1"
            LayoutTextFragment (anonymous) at (20,0) size 14x19
              text run at (20,0) width 14: " - "
        LayoutInline {SPAN} at (0,0) size 30x19
          LayoutInline {<pseudo:before>} at (0,0) size 30x19
            LayoutCounter (anonymous) at (34,0) size 16x19
              text run at (34,0) width 16: "12"
            LayoutTextFragment (anonymous) at (50,0) size 14x19
              text run at (50,0) width 14: " - "
        LayoutInline {SPAN} at (0,0) size 106x19
          LayoutInline {<pseudo:before>} at (0,0) size 106x19
            LayoutCounter (anonymous) at (64,0) size 20x19
              text run at (64,0) width 20: "1.3"
            LayoutTextFragment (anonymous) at (84,0) size 28x19
              text run at (84,0) width 16: "-- "
              text run at (100,0) width 12: "--"
            LayoutCounter (anonymous) at (112,0) size 58x19
              text run at (112,0) width 58: "1-------3"
      LayoutBlockFlow {DIV} at (0,56) size 784x20
        LayoutText {#text} at (0,0) size 170x19
          text run at (0,0) width 100: "1.1 - 12 - 1.3-- "
          text run at (100,0) width 70: "--1-------3"