Tests: Add doctypes to remaining test cases

Author: https://github.com/Psychpsyo Commit: c0e44820e9 Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/5081 Reviewed-by: https://github.com/ADKaster Reviewed-by: https://github.com/gmta ✅ Reviewed-by: https://github.com/tcl3
2025-08-02 06:09:08 +00:00 · 2025-06-13 17:54:29 +02:00 · 2025-06-13 17:54:29 +02:00 · c0e44820e9 · 2025-06-21 12:10:52 +00:00
commit c0e44820e9
parent d7036daa89
78 changed files with 124 additions and 80 deletions
--- a/Tests/LibWeb/Layout/expected/block-and-inline/abspos-br.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/abspos-br.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x18 children: inline
      frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x18] baseline: 13.796875
          "a"
@ -10,7 +10,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
      TextPaintable (TextNode<#text>)
      TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-sibling-float.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-sibling-float.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x52 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x36 children: not-inline
      BlockContainer <div> at (8,8) content-size 784x36 children: not-inline
        BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
@ -43,7 +43,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
          TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x52]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x36]
      PaintableWithLines (BlockContainer<DIV>) [8,8 784x36]
        PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/box-with-clearance-and-margin-top.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/box-with-clearance-and-margin-top.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x267 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x110 children: not-inline
      BlockContainer <div> at (8,8) content-size 784x110 children: not-inline
        BlockContainer <div.square.white> at (8,8) content-size 100x100 floating [BFC] children: not-inline
@ -7,7 +7,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        BlockContainer <div.square.black> at (8,218) content-size 49x49 floating [BFC] children: not-inline

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x267]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x110] overflow: [8,8 784x259]
      PaintableWithLines (BlockContainer<DIV>) [8,8 784x110] overflow: [8,8 784x259]
        PaintableWithLines (BlockContainer<DIV>.square.white) [8,8 100x100]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/button-baseline-align.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/button-baseline-align.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x66 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x50 children: inline
      frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x50] baseline: 37
      BlockContainer <div.ib> at (8,8) content-size 61.1875x50 inline-block [BFC] children: inline
@ -22,7 +22,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x50]
      PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x50]
        PaintableWithLines (BlockContainer<DIV>.label) [8,26 19.828125x25]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/button-image-only.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/button-image-only.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x440 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x424 children: inline
      frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 420x420] baseline: 422
      BlockContainer <button> at (13,10) content-size 420x420 inline-block [BFC] children: not-inline
@ -12,7 +12,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
            TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x440]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x424]
      PaintableWithLines (BlockContainer<BUTTON>) [8,8 430x424]
        PaintableWithLines (BlockContainer(anonymous)) [13,10 420x420]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/button-should-have-vertically-aligned-content.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/button-should-have-vertically-aligned-content.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x216 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x200 children: inline
      frag 0 from BlockContainer start: 0, length: 0, rect: [22,19 48.6875x178] baseline: 82.796875
      TextNode <#text>
@ -22,7 +22,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
              TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x216]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x200]
      PaintableWithLines (BlockContainer<BUTTON>.button.border-black) [8,8 76.6875x200]
        PaintableWithLines (BlockContainer(anonymous)) [22,19 48.6875x178]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/button-with-block-content-baseline-align.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/button-with-block-content-baseline-align.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x66 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x50 children: inline
      frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x50] baseline: 37
      BlockContainer <div.ib> at (8,8) content-size 61.1875x50 inline-block [BFC] children: inline
@ -27,7 +27,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x50]
      PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x50]
        PaintableWithLines (BlockContainer<DIV>.label) [8,26 19.828125x25]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/button-with-multiple-words-text-node-label.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/button-with-multiple-words-text-node-label.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x38 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x22 children: inline
      frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 49.921875x18] baseline: 15.796875
      BlockContainer <button> at (13,10) content-size 49.921875x18 inline-block [BFC] children: not-inline
@ -10,7 +10,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
            TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x38]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x22]
      PaintableWithLines (BlockContainer<BUTTON>) [8,8 59.921875x22]
        PaintableWithLines (BlockContainer(anonymous)) [13,10 49.921875x18]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/button-with-text-node-label-and-font-size.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/button-with-text-node-label-and-font-size.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x75 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x59 children: inline
      frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 111.65625x55] baseline: 43.890625
      BlockContainer <button> at (13,10) content-size 111.65625x55 inline-block [BFC] children: not-inline
@ -10,7 +10,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
            TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x75]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x59]
      PaintableWithLines (BlockContainer<BUTTON>) [8,8 121.65625x59]
        PaintableWithLines (BlockContainer(anonymous)) [13,10 111.65625x55]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/button-with-text-node-label.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/button-with-text-node-label.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x38 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x22 children: inline
      frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 37.21875x18] baseline: 15.796875
      BlockContainer <button> at (13,10) content-size 37.21875x18 inline-block [BFC] children: not-inline
@ -10,7 +10,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
            TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x38]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x22]
      PaintableWithLines (BlockContainer<BUTTON>) [8,8 47.21875x22]
        PaintableWithLines (BlockContainer(anonymous)) [13,10 37.21875x18]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/clear-both-from-inline-formatting-context.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/clear-both-from-inline-formatting-context.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x175.875 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
      BlockContainer <div> at (8,8) content-size 784x0 children: inline
        TextNode <#text>
@ -20,7 +20,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x175.875]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
      PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
        PaintableWithLines (BlockContainer<H1>.left) [8,29.4375 28.53125x37]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/clearfix.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/clearfix.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x157 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x100 children: not-inline
      BlockContainer <div> at (8,8) content-size 784x100 children: not-inline
        BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
@ -15,7 +15,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x157]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x100]
      PaintableWithLines (BlockContainer<DIV>) [8,8 784x100]
        PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-1.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-1.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x358 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x342 children: not-inline
      BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
        TextNode <#text>
@ -89,7 +89,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x358]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x342]
      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
      PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-3.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-3.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x136 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 780x120 children: not-inline
      BlockContainer <(anonymous)> at (8,8) content-size 780x0 children: inline
        TextNode <#text>
@ -25,7 +25,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x136]
    PaintableWithLines (BlockContainer<BODY>) [8,8 780x120]
      PaintableWithLines (BlockContainer(anonymous)) [8,8 780x0]
      PaintableWithLines (BlockContainer<DIV>#top) [8,8 780x100]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-justified-text-in-between.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-justified-text-in-between.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
+  BlockContainer <html> at (1,1) content-size 798x450 [BFC] children: not-inline
    BlockContainer <body> at (252,10) content-size 538x432 children: inline
      frag 0 from TextNode start: 1, length: 5, rect: [554,10 63.71875x23] baseline: 17.5
          "Lorem"
@ -206,8 +206,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      BlockContainer <div.right> at (489,213) content-size 300x200 floating [BFC] children: not-inline
      TextNode <#text>

-ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
+ViewportPaintable (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x452]
    PaintableWithLines (BlockContainer<BODY>) [251,9 540x434]
      PaintableWithLines (BlockContainer<DIV>.left) [252,10 302x202]
      PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-text-in-between.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-text-in-between.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
+  BlockContainer <html> at (1,1) content-size 798x450 [BFC] children: not-inline
    BlockContainer <body> at (252,10) content-size 538x432 children: inline
      frag 0 from TextNode start: 1, length: 21, rect: [554,10 228.375x23] baseline: 17.5
          "Lorem ipsum dolor sit"
@ -42,8 +42,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      BlockContainer <div.right> at (489,213) content-size 300x200 floating [BFC] children: not-inline
      TextNode <#text>

-ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
+ViewportPaintable (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x452]
    PaintableWithLines (BlockContainer<BODY>) [251,9 540x434]
      PaintableWithLines (BlockContainer<DIV>.left) [252,10 302x202]
      PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-max-content-containing-block-flex-display.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-max-content-containing-block-flex-display.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x26 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
      Box <div.display_flex> at (8,8) content-size 23.609375x18 floating flex-container(row) [FFC] children: not-inline
        BlockContainer <div> at (8,8) content-size 23.609375x18 flex-item [BFC] children: not-inline
@ -14,7 +14,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
              TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x26]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x18]
      PaintableBox (Box<DIV>.display_flex) [8,8 23.609375x18]
        PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x18]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-max-content-containing-block.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-max-content-containing-block.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x26 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
      BlockContainer <div> at (8,8) content-size 23.609375x18 floating [BFC] children: not-inline
        BlockContainer <span> at (8,8) content-size 14.265625x18 floating [BFC] children: inline
@ -12,7 +12,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
          TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x26]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x18]
      PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x18]
        PaintableWithLines (BlockContainer<SPAN>) [8,8 14.265625x18]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-vertical-offset-by-preceding-float.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-vertical-offset-by-preceding-float.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x136 [BFC] children: not-inline
    BlockContainer <body> at (8,16) content-size 784x54 children: not-inline
      BlockContainer <(anonymous)> at (8,16) content-size 784x0 children: inline
        BlockContainer <div> at (8,16) content-size 50x50 floating [BFC] children: not-inline
@ -21,7 +21,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x136]
    PaintableWithLines (BlockContainer<BODY>) [8,16 784x54] overflow: [8,16 784x120]
      PaintableWithLines (BlockContainer(anonymous)) [8,16 784x0]
        PaintableWithLines (BlockContainer<DIV>) [8,16 50x50]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/floats-and-negative-margins.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/floats-and-negative-margins.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x216 [BFC] children: not-inline
    BlockContainer <body> at (100,8) content-size 200x200 children: not-inline
      BlockContainer <div.row> at (50,8) content-size 250x200 children: inline
        BlockContainer <div.item> at (50,8) content-size 125x18 floating [BFC] children: inline
@ -14,7 +14,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x216]
    PaintableWithLines (BlockContainer<BODY>) [100,8 200x200] overflow: [50,8 250x200]
      PaintableWithLines (BlockContainer<DIV>.row) [50,8 250x200]
        PaintableWithLines (BlockContainer<DIV>.item) [50,8 125x18]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/forced-break-stops-non-whitespace-sequence.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/forced-break-stops-non-whitespace-sequence.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x43 [BFC] children: not-inline
    BlockContainer <body> at (8,13) content-size 784x17 children: not-inline
      BlockContainer <pre> at (9,14) content-size 782x15 children: inline
        InlineNode <span>
@ -9,7 +9,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x43]
    PaintableWithLines (BlockContainer<BODY>) [8,13 784x17]
      PaintableWithLines (BlockContainer<PRE>) [8,13 784x17]
        PaintableWithLines (InlineNode<SPAN>)
--- a/Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-1.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-1.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
+  BlockContainer <html> at (1,1) content-size 798x112 [BFC] children: not-inline
    BlockContainer <body> at (10,10) content-size 780x94 children: inline
      frag 0 from TextNode start: 0, length: 13, rect: [10,33 103.140625x18] baseline: 13.796875
          "Hello friends"
@ -18,8 +18,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        BlockContainer <(anonymous)> at (114.140625,103) content-size 202x0 children: inline
          TextNode <#text>

-ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
+ViewportPaintable (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x114]
    PaintableWithLines (BlockContainer<BODY>) [9,9 782x96]
      TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer<DIV>.ib) [113.140625,10 204x94]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-2.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-2.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
+  BlockContainer <html> at (1,1) content-size 798x80 [BFC] children: not-inline
    BlockContainer <body> at (10,10) content-size 780x62 children: inline
      frag 0 from TextNode start: 0, length: 13, rect: [10,33 103.140625x18] baseline: 13.796875
          "Hello friends"
@ -21,8 +21,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        BlockContainer <(anonymous)> at (114.140625,51) content-size 39.234375x0 children: inline
          TextNode <#text>

-ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
+ViewportPaintable (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x82]
    PaintableWithLines (BlockContainer<BODY>) [9,9 782x64]
      TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer<DIV>.ib) [113.140625,10 41.234375x62]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-positioned-with-top-left.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-positioned-with-top-left.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x36 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x20 children: inline
      frag 0 from TextNode start: 0, length: 14, rect: [8,8 112.421875x18] baseline: 13.796875
          "text text text"
@ -14,7 +14,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x36]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x20]
      TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer<SPAN>.displaced_text) [150.421875,48 110.375x20]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins-vertical-align-top.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins-vertical-align-top.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x191 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x175 children: inline
      frag 0 from TextNode start: 0, length: 6, rect: [8,8 43.125x18] baseline: 13.796875
          "Well, "
@ -11,7 +11,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x191]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x175]
      TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer<DIV>#inline-box) [51.125,58 100x100]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x195 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x179 children: inline
      frag 0 from TextNode start: 0, length: 6, rect: [8,169 43.125x18] baseline: 13.796875
          "Well, "
@ -11,7 +11,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x195]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x179]
      TextPaintable (TextNode<#text>)
      PaintableWithLines (BlockContainer<DIV>#inline-box) [51.125,58 100x100]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-1.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-1.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x279 [BFC] children: not-inline
    BlockContainer <body> at (8,25) content-size 784x229 children: not-inline
      BlockContainer <div#foo> at (34,26) content-size 100x100 children: inline
        frag 0 from TextNode start: 0, length: 3, rect: [34,26 27.15625x18] baseline: 13.796875
@ -15,7 +15,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x279]
    PaintableWithLines (BlockContainer<BODY>) [8,25 784x229]
      PaintableWithLines (BlockContainer<DIV>#foo) [33,25 102x102]
        TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-2.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-2.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x352 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x336 children: not-inline
      BlockContainer <div#foo> at (9,9) content-size 100x100 children: inline
        frag 0 from TextNode start: 0, length: 3, rect: [9,9 27.15625x18] baseline: 13.796875
@ -21,7 +21,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x352]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x336]
      PaintableWithLines (BlockContainer<DIV>#foo) [8,8 102x102]
        TextPaintable (TextNode<#text>)
--- a/Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-3.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-3.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x366 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x350 children: not-inline
      BlockContainer <div#foo> at (8,8) content-size 100x100 children: not-inline
      BlockContainer <(anonymous)> at (8,133) content-size 784x0 children: inline
@ -10,7 +10,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x366]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x350]
      PaintableWithLines (BlockContainer<DIV>#foo) [8,8 100x100]
      PaintableWithLines (BlockContainer(anonymous)) [8,133 784x0]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-4.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-4.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x166 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x150 children: not-inline
      BlockContainer <div#foo> at (8,8) content-size 100x50 children: not-inline
        BlockContainer <div#baz> at (8,8) content-size 50x50 children: not-inline
@ -10,7 +10,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x166]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x150]
      PaintableWithLines (BlockContainer<DIV>#foo) [8,8 100x50]
        PaintableWithLines (BlockContainer<DIV>#baz) [8,8 50x50]
--- a/Tests/LibWeb/Layout/expected/block-and-inline/relpos-inline-element-js-offsets.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/relpos-inline-element-js-offsets.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x169 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x148 children: not-inline
      BlockContainer <(anonymous)> at (8,8) content-size 784x18 children: inline
        InlineNode <span>
@ -34,7 +34,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x169]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x148]
      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x18]
        PaintableWithLines (InlineNode<SPAN>)
--- a/Tests/LibWeb/Layout/expected/block-and-inline/relpos-inline-elements.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/relpos-inline-elements.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x34 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x18 children: inline
      frag 0 from TextNode start: 0, length: 4, rect: [8,8 35.15625x18] baseline: 13.796875
          "foo "
@ -19,7 +19,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x34]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x18]
      TextPaintable (TextNode<#text>)
      PaintableWithLines (InlineNode<B>)
--- a/Tests/LibWeb/Layout/expected/block-and-inline/single-br-inline-layout.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/single-br-inline-layout.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x38 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x22 children: not-inline
      BlockContainer <div#begin> at (8,8) content-size 784x2 children: not-inline
      BlockContainer <(anonymous)> at (8,10) content-size 784x18 children: inline
@ -7,7 +7,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
      BlockContainer <div#end> at (8,28) content-size 784x2 children: not-inline

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x38]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x22]
      PaintableWithLines (BlockContainer<DIV>#begin) [8,8 784x2]
      PaintableWithLines (BlockContainer(anonymous)) [8,10 784x18]
--- a/Tests/LibWeb/Layout/expected/flex/br-element-does-not-get-blockified-by-itself.txt
+++ b/Tests/LibWeb/Layout/expected/flex/br-element-does-not-get-blockified-by-itself.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x70 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x54 children: not-inline
      Box <div> at (8,8) content-size 784x54 flex-container(row) [FFC] children: not-inline
        BlockContainer <(anonymous)> at (8,8) content-size 55.359375x54 flex-item [BFC] children: inline
@ -16,7 +16,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
          TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x70]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x54]
      PaintableBox (Box<DIV>) [8,8 784x54]
        PaintableWithLines (BlockContainer(anonymous)) [8,8 55.359375x54]
--- a/Tests/LibWeb/Layout/expected/grid/item-column-span-2.txt
+++ b/Tests/LibWeb/Layout/expected/grid/item-column-span-2.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x52 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x36 children: not-inline
      Box <div.container> at (8,8) content-size 784x36 [GFC] children: not-inline
        BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -19,7 +19,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
        TextNode <#text>

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x52]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x36]
      PaintableBox (Box<DIV>.container) [8,8 784x36]
        PaintableWithLines (BlockContainer<DIV>.item-left) [8,8 100x36]
--- a/Tests/LibWeb/Layout/expected/grid/item-span-exceeds-columns-size.txt
+++ b/Tests/LibWeb/Layout/expected/grid/item-span-exceeds-columns-size.txt
@ -1,11 +1,11 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x116 [BFC] children: not-inline
    BlockContainer <body> at (8,8) content-size 784x100 children: not-inline
      Box <div.container> at (8,8) content-size 300x100 [GFC] children: not-inline
        BlockContainer <div.item> at (8,8) content-size 300x100 [BFC] children: not-inline

 ViewportPaintable (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x116]
    PaintableWithLines (BlockContainer<BODY>) [8,8 784x100]
      PaintableBox (Box<DIV>.container) [8,8 300x100]
        PaintableWithLines (BlockContainer<DIV>.item) [8,8 300x100]
--- a/Tests/LibWeb/Layout/expected/grid/placement-4.txt
+++ b/Tests/LibWeb/Layout/expected/grid/placement-4.txt
@ -1,5 +1,5 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
+  BlockContainer <html> at (1,1) content-size 798x60 [BFC] children: not-inline
    BlockContainer <body> at (10,10) content-size 780x42 children: not-inline
      Box <div.grid-container> at (11,11) content-size 778x40 [GFC] children: not-inline
        BlockContainer <div.a> at (12,12) content-size 776x18 [BFC] children: inline
@ -11,8 +11,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
              "2"
          TextNode <#text>

-ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
+ViewportPaintable (Viewport<#document>) [0,0 800x600]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x62]
    PaintableWithLines (BlockContainer<BODY>) [9,9 782x44]
      PaintableBox (Box<DIV>.grid-container) [10,10 780x42]
        PaintableWithLines (BlockContainer<DIV>.a) [11,11 778x20]
--- a/Tests/LibWeb/Layout/input/block-and-inline/abspos-br.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/abspos-br.html
@ -1 +1,2 @@
+<!DOCTYPE html>
 a<br style="position:absolute;">b
--- a/Tests/LibWeb/Layout/input/block-and-inline/block-with-hidden-overflow-after-sibling-float.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/block-with-hidden-overflow-after-sibling-float.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
    .a {
        float: left;
--- a/Tests/LibWeb/Layout/input/block-and-inline/box-with-clearance-and-margin-top.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/box-with-clearance-and-margin-top.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
 .clearfix {
    clear: both;
--- a/Tests/LibWeb/Layout/input/block-and-inline/button-baseline-align.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/button-baseline-align.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
    .ib {
        display: inline-block;
--- a/Tests/LibWeb/Layout/input/block-and-inline/button-image-only.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/button-image-only.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <button>
  <img
    src="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAaQAAAGkCAIAAADxLsZiAAAFyklEQVR4nOzWsZGrMBhG0ec3RO7MZVAZZdCWIuLtYceWWN9zGtAXwJ1/G2P8A/h2/1cPAJhB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgIRt2kvXeUx7i197vvbVE97JV/cnzPnqXHZAgtgBCWIHJIgdkCB2QILYAQliBySIHZAgdkCC2AEJYgckiB2QIHZAgtgBCWIHJIgdkCB2QILYAQliBySIHZAgdkCC2AEJYgckiB2QIHZAgtgBCWIHJIgdkCB2QILYAQliBySIHZAgdkCC2AEJYgckiB2QIHZAgtgBCWIHJIgdkCB2QILYAQliBySIHZAgdkCC2AEJYgckiB2QIHZAgtgBCWIHJIgdkCB2QILYAQliBySIHZAgdkCC2AEJYgckiB2QIHZAgtgBCWIHJIgdkCB2QILYAQliBySIHZAgdkCC2AEJ27SXnq992ltzXOexegJF3/crzeGyAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5I2FYP4F6u81g9AT7CZQckiB2QIHZAgtgBCWIHJIgdkCB2QILYAQliBySIHZAgdkCC2AEJYgckiB2QIHZAgtgBCWIHJIgdkCB2QILYAQliBySIHZAgdkCC2AEJYgckiB2QIHZAgtgBCWIHJIgdkCB2QILYAQliBySIHZAgdkCC2AEJYgckiB2QIHZAgtgBCWIHJIgdkCB2QILYAQliBySIHZAgdkCC2AEJYgckiB2QIHZAgtgBCWIHJIgdkCB2QILYAQliBySIHZAgdkCC2AEJYgckiB2QIHZAgtgBCWIHJIgdkCB2QILYAQliBySIHZDwGGOs3sBdXOexesL7PV/76gncgssOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IEDsgQeyABLEDEsQOSBA7IEHsgASxAxLEDkgQOyBB7IAEsQMSxA5IeIwxVm8A+DiXHZAgdkCC2AEJYgckiB2QIHZAgtgBCWIHJIgdkCB2QILYAQliBySIHZAgdkCC2AEJYgckiB2QIHZAgtgBCWIHJIgdkCB2QILYAQliBySIHZAgdkCC2AEJYgckiB2QIHZAgtgBCWIHJIgdkPATAAD//4r+Gr+sA6bNAAAAAElFTkSuQmCC">
--- a/Tests/LibWeb/Layout/input/block-and-inline/button-should-have-vertically-aligned-content.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/button-should-have-vertically-aligned-content.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style type="text/css">
    .border-black {
        border: 10px solid black;
--- a/Tests/LibWeb/Layout/input/block-and-inline/button-with-block-content-baseline-align.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/button-with-block-content-baseline-align.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
    .ib {
        display: inline-block;
--- a/Tests/LibWeb/Layout/input/block-and-inline/button-with-multiple-words-text-node-label.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/button-with-multiple-words-text-node-label.html
@ -1 +1,2 @@
+<!DOCTYPE html>
 <button>A B C</button>
--- a/Tests/LibWeb/Layout/input/block-and-inline/button-with-text-node-label-and-font-size.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/button-with-text-node-label-and-font-size.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
    button {
        font-size: 48px;
--- a/Tests/LibWeb/Layout/input/block-and-inline/button-with-text-node-label.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/button-with-text-node-label.html
@ -1 +1,2 @@
+<!DOCTYPE html>
 <button>Test</button>
--- a/Tests/LibWeb/Layout/input/block-and-inline/clear-both-from-inline-formatting-context.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/clear-both-from-inline-formatting-context.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
 	.left {
 		float: left;
--- a/Tests/LibWeb/Layout/input/block-and-inline/clearfix.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/clearfix.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
    .clearfix {
        clear: both;
--- a/Tests/LibWeb/Layout/input/block-and-inline/float-1.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/float-1.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
 body {
    font-family: 'SerenitySans';
--- a/Tests/LibWeb/Layout/input/block-and-inline/float-3.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/float-3.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
    body {
        width: 780px;
--- a/Tests/LibWeb/Layout/input/block-and-inline/float-left-and-right-with-justified-text-in-between.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/float-left-and-right-with-justified-text-in-between.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
 * {
    font: 20px SerenitySans;
--- a/Tests/LibWeb/Layout/input/block-and-inline/float-left-and-right-with-text-in-between.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/float-left-and-right-with-text-in-between.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
 * {
    font: 20px SerenitySans;
--- a/Tests/LibWeb/Layout/input/block-and-inline/float-max-content-containing-block-flex-display.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/float-max-content-containing-block-flex-display.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
    .display_flex {
        display: flex;
--- a/Tests/LibWeb/Layout/input/block-and-inline/float-max-content-containing-block.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/float-max-content-containing-block.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
    div {
        float: left;
--- a/Tests/LibWeb/Layout/input/block-and-inline/float-vertical-offset-by-preceding-float.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/float-vertical-offset-by-preceding-float.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <div style="height: 50px; width: 50px; background-color: blue; float: left"></div>
 <p>A<br>B<br>C
 </p><div style="height: 50px; width: 50px; background-color: green; float: left"></div>
--- a/Tests/LibWeb/Layout/input/block-and-inline/floats-and-negative-margins.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/floats-and-negative-margins.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
 body {
    width: 200px;
--- a/Tests/LibWeb/Layout/input/block-and-inline/forced-break-stops-non-whitespace-sequence.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/forced-break-stops-non-whitespace-sequence.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <pre style="border: 1px solid black">
 <span> </span>
 </pre>
--- a/Tests/LibWeb/Layout/input/block-and-inline/html-element-height-quirks-mode-on.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/html-element-height-quirks-mode-on.html
@ -1,3 +1,4 @@
+<!DOCTYPE quirks>
 <style>
    * {
        outline: 1px solid black !important;
--- a/Tests/LibWeb/Layout/input/block-and-inline/inline-block-baseline-1.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/inline-block-baseline-1.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
 * {
    border: 1px solid black;
--- a/Tests/LibWeb/Layout/input/block-and-inline/inline-block-baseline-2.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/inline-block-baseline-2.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
 * {
    border: 1px solid black;
--- a/Tests/LibWeb/Layout/input/block-and-inline/inline-box-positioned-with-top-left.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/inline-box-positioned-with-top-left.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
    body {
        font-family: 'SerenitySans';
--- a/Tests/LibWeb/Layout/input/block-and-inline/inline-box-with-vertical-margins-vertical-align-top.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/inline-box-with-vertical-margins-vertical-align-top.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
    body {
        font-family: 'SerenitySans';
--- a/Tests/LibWeb/Layout/input/block-and-inline/inline-box-with-vertical-margins.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/inline-box-with-vertical-margins.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
    body {
        font-family: 'SerenitySans';
--- a/Tests/LibWeb/Layout/input/block-and-inline/margin-collapse-1.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/margin-collapse-1.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
 body {
    font-family: 'SerenitySans';
--- a/Tests/LibWeb/Layout/input/block-and-inline/margin-collapse-2.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/margin-collapse-2.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
 body {
    font-family: 'SerenitySans';
--- a/Tests/LibWeb/Layout/input/block-and-inline/margin-collapse-3.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/margin-collapse-3.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
 body {
    font-family: 'SerenitySans';
--- a/Tests/LibWeb/Layout/input/block-and-inline/margin-collapse-4.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/margin-collapse-4.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
 body {
    font-family: 'SerenitySans';
--- a/Tests/LibWeb/Layout/input/block-and-inline/narrow-bfc-width-to-avoid-overlap-with-floats.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/narrow-bfc-width-to-avoid-overlap-with-floats.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
 * {
    font-family: 'SerenitySans';
--- a/Tests/LibWeb/Layout/input/block-and-inline/percentage-height-box-nested-into-percentage-height-box.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/percentage-height-box-nested-into-percentage-height-box.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
 div {
    background-color: crimson;
@ -6,4 +7,7 @@ div {
 body {
    height: 50%;
 }
+html {
+    height: 600px;
+}
 </style><div></div>
--- a/Tests/LibWeb/Layout/input/block-and-inline/percentage-height-in-quirks-mode.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/percentage-height-in-quirks-mode.html
@ -1,3 +1,4 @@
+<!DOCTYPE quirks>
 <style>
 div {
    background-color: crimson;
--- a/Tests/LibWeb/Layout/input/block-and-inline/relpos-inline-element-js-offsets.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/relpos-inline-element-js-offsets.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
 b, i {
    position: relative;
--- a/Tests/LibWeb/Layout/input/block-and-inline/relpos-inline-elements.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/relpos-inline-elements.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
 b {
    position: relative;
--- a/Tests/LibWeb/Layout/input/block-and-inline/single-br-inline-layout.html
+++ b/Tests/LibWeb/Layout/input/block-and-inline/single-br-inline-layout.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
    body {
        font-family: 'SerenitySans';
--- a/Tests/LibWeb/Layout/input/flex/br-element-does-not-get-blockified-by-itself.html
+++ b/Tests/LibWeb/Layout/input/flex/br-element-does-not-get-blockified-by-itself.html
@ -1,4 +1,5 @@
-<!doctype><style>
+<!doctype html>
+<style>
 * { outline: 1px solid black; }
 div { display: flex; }
 </style>
--- a/Tests/LibWeb/Layout/input/grid/item-column-span-2.html
+++ b/Tests/LibWeb/Layout/input/grid/item-column-span-2.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
    .container {
        display: grid;
--- a/Tests/LibWeb/Layout/input/grid/item-span-exceeds-columns-size.html
+++ b/Tests/LibWeb/Layout/input/grid/item-span-exceeds-columns-size.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
    .container {
        width: 300px;
--- a/Tests/LibWeb/Layout/input/grid/placement-4.html
+++ b/Tests/LibWeb/Layout/input/grid/placement-4.html
@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <style>
    * {
        border: 1px solid black;