diff --git a/Tests/LibWeb/Layout/expected/acid1.txt b/Tests/LibWeb/Layout/expected/acid1.txt
index 7379b1b2706..c56a8e445c6 100644
--- a/Tests/LibWeb/Layout/expected/acid1.txt
+++ b/Tests/LibWeb/Layout/expected/acid1.txt
@@ -135,7 +135,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
               PaintableWithLines (BlockContainer<P>) [235,55 139.96875x10]
                 TextPaintable (TextNode<#text>)
               PaintableWithLines (BlockContainer(anonymous)) [235,65 139.96875x0]
-                InlinePaintable (InlineNode<FORM>)
+                PaintableWithLines (InlineNode<FORM>)
               PaintableWithLines (BlockContainer<P>) [235,65 139.96875x19]
                 TextPaintable (TextNode<#text>)
                 RadioButtonPaintable (RadioButton<INPUT>) [263,65 12x12]
@@ -158,10 +158,10 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
       PaintableWithLines (BlockContainer(anonymous)) [20,30 480x0]
       PaintableWithLines (BlockContainer<P>) [20,335 480x65]
         TextPaintable (TextNode<#text>)
-        InlinePaintable (InlineNode<A>)
+        PaintableWithLines (InlineNode<A>)
           TextPaintable (TextNode<#text>)
         TextPaintable (TextNode<#text>)
-        InlinePaintable (InlineNode<A>)
+        PaintableWithLines (InlineNode<A>)
           TextPaintable (TextNode<#text>)
         TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [20,400 480x0]
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/float-clear-by-line-break.txt b/Tests/LibWeb/Layout/expected/block-and-inline/float-clear-by-line-break.txt
index c96941ed95a..2a0949a8709 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-clear-by-line-break.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-clear-by-line-break.txt
@@ -26,9 +26,9 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
       PaintableWithLines (BlockContainer<SPAN>.a) [8,8 100x17]
         TextPaintable (TextNode<#text>)
-      InlinePaintable (InlineNode<SPAN>)
+      PaintableWithLines (InlineNode<SPAN>)
         TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer<SPAN>.a) [8,25 100x17]
         TextPaintable (TextNode<#text>)
-      InlinePaintable (InlineNode<SPAN>)
+      PaintableWithLines (InlineNode<SPAN>)
         TextPaintable (TextNode<#text>)
diff --git 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
index 64521cdbd8b..699f4c2f365 100644
--- 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
@@ -12,5 +12,5 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,16 784x19]
       PaintableWithLines (BlockContainer<PRE>) [8,16 784x19]
-        InlinePaintable (InlineNode<SPAN>)
+        PaintableWithLines (InlineNode<SPAN>)
           TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/inline-block-vertical-align-middle.txt b/Tests/LibWeb/Layout/expected/block-and-inline/inline-block-vertical-align-middle.txt
index 7b39efb7f13..daff1aa4fd9 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/inline-block-vertical-align-middle.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/inline-block-vertical-align-middle.txt
@@ -11,6 +11,6 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x116]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x100]
-      InlinePaintable (InlineNode<SPAN>)
+      PaintableWithLines (InlineNode<SPAN>)
         TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer<SPAN>.thing) [43,8 100x100]
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/leading-margin-on-inline-content-that-starts-with-collapsible-whitespace.txt b/Tests/LibWeb/Layout/expected/block-and-inline/leading-margin-on-inline-content-that-starts-with-collapsible-whitespace.txt
index 09cea00ce30..3c62197bdee 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/leading-margin-on-inline-content-that-starts-with-collapsible-whitespace.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/leading-margin-on-inline-content-that-starts-with-collapsible-whitespace.txt
@@ -14,7 +14,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
-      InlinePaintable (InlineNode<DIV>)
+      PaintableWithLines (InlineNode<DIV>)
         TextPaintable (TextNode<#text>)
-      InlinePaintable (InlineNode<DIV>)
+      PaintableWithLines (InlineNode<DIV>)
         TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline-start.txt b/Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline-start.txt
index 7a38d34245d..56a2e9ffe89 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline-start.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline-start.txt
@@ -13,5 +13,5 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [9,9 502x83]
       PaintableWithLines (BlockContainer<DIV>.a) [10,10 500x81]
         PaintableWithLines (BlockContainer<DIV>.b) [91,31 328x19]
-          InlinePaintable (InlineNode<SPAN>)
+          PaintableWithLines (InlineNode<SPAN>)
             TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline.txt b/Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline.txt
index 0197b88adbe..e3092abf5d4 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline.txt
@@ -13,5 +13,5 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [9,9 502x103]
       PaintableWithLines (BlockContainer<DIV>.a) [10,10 500x101]
         PaintableWithLines (BlockContainer<DIV>.b) [71,51 378x19]
-          InlinePaintable (InlineNode<SPAN>)
+          PaintableWithLines (InlineNode<SPAN>)
             TextPaintable (TextNode<#text>)
diff --git 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
index dd47cd5571f..a1c900bb1a1 100644
--- 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
@@ -37,11 +37,11 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x152] overflow: [8,8 784x168]
       PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17]
-        InlinePaintable (InlineNode<SPAN>)
+        PaintableWithLines (InlineNode<SPAN>)
           TextPaintable (TextNode<#text>)
-          InlinePaintable (InlineNode<B>)
+          PaintableWithLines (InlineNode<B>)
             TextPaintable (TextNode<#text>)
-            InlinePaintable (InlineNode<I>)
+            PaintableWithLines (InlineNode<I>)
               TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer<DIV>) [8,25 784x135]
         PaintableWithLines (BlockContainer(anonymous)) [8,25 784x68]
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/relpos-inline-elements.txt b/Tests/LibWeb/Layout/expected/block-and-inline/relpos-inline-elements.txt
index deba5cb1de7..944c8e86afd 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/relpos-inline-elements.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/relpos-inline-elements.txt
@@ -20,11 +20,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17] overflow: [8,8 784x42]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
       TextPaintable (TextNode<#text>)
-      InlinePaintable (InlineNode<B>)
+      PaintableWithLines (InlineNode<B>)
         TextPaintable (TextNode<#text>)
       TextPaintable (TextNode<#text>)
-      InlinePaintable (InlineNode<B>)
-        InlinePaintable (InlineNode<I>)
+      PaintableWithLines (InlineNode<B>)
+        PaintableWithLines (InlineNode<I>)
           TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/br-should-not-generate-pseudo-before.txt b/Tests/LibWeb/Layout/expected/br-should-not-generate-pseudo-before.txt
index 864e5a550ad..3b9d8baa737 100644
--- a/Tests/LibWeb/Layout/expected/br-should-not-generate-pseudo-before.txt
+++ b/Tests/LibWeb/Layout/expected/br-should-not-generate-pseudo-before.txt
@@ -19,7 +19,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x83]
     PaintableWithLines (BlockContainer<BODY>) [8,16 784x67]
       PaintableWithLines (BlockContainer<P>) [8,16 784x17]
-        InlinePaintable (InlineNode(anonymous))
+        PaintableWithLines (InlineNode(anonymous))
           TextPaintable (TextNode<#text>)
         TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,49 784x34]
diff --git a/Tests/LibWeb/Layout/expected/css-all-unset.txt b/Tests/LibWeb/Layout/expected/css-all-unset.txt
index 4ec6d920d4a..c79c13c6530 100644
--- a/Tests/LibWeb/Layout/expected/css-all-unset.txt
+++ b/Tests/LibWeb/Layout/expected/css-all-unset.txt
@@ -12,8 +12,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x17]
-    InlinePaintable (InlineNode<HEAD>)
-      InlinePaintable (InlineNode<STYLE>)
+    PaintableWithLines (InlineNode<HEAD>)
+      PaintableWithLines (InlineNode<STYLE>)
         TextPaintable (TextNode<#text>)
-    InlinePaintable (InlineNode<BODY>)
+    PaintableWithLines (InlineNode<BODY>)
       TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/css-attr-typed-fallback.txt b/Tests/LibWeb/Layout/expected/css-attr-typed-fallback.txt
index cde1b6a4eb7..bcc08345cb6 100644
--- a/Tests/LibWeb/Layout/expected/css-attr-typed-fallback.txt
+++ b/Tests/LibWeb/Layout/expected/css-attr-typed-fallback.txt
@@ -30,11 +30,10 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x148]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x132]
       PaintableWithLines (BlockContainer<DIV>.string) [8,8 102x22]
-        InlinePaintable (InlineNode(anonymous))
+        PaintableWithLines (InlineNode(anonymous))
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,30 784x0]
       PaintableWithLines (BlockContainer<DIV>.string-no-fallback) [8,30 102x22]
-        InlinePaintable (InlineNode(anonymous))
       PaintableWithLines (BlockContainer(anonymous)) [8,52 784x0]
       PaintableWithLines (BlockContainer<DIV>.length) [8,52 202x22]
       PaintableWithLines (BlockContainer(anonymous)) [8,74 784x0]
diff --git a/Tests/LibWeb/Layout/expected/css-counters/basic.txt b/Tests/LibWeb/Layout/expected/css-counters/basic.txt
index 7520271ecab..de310f4eadb 100644
--- a/Tests/LibWeb/Layout/expected/css-counters/basic.txt
+++ b/Tests/LibWeb/Layout/expected/css-counters/basic.txt
@@ -91,44 +91,44 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,16 784x314] overflow: [8,16 784x330]
       PaintableWithLines (BlockContainer<DIV>) [8,16 784x149]
         PaintableWithLines (BlockContainer<P>) [8,16 784x17]
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer<P>) [8,49 784x17]
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer<P>) [8,82 784x17]
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer<P>) [8,115 784x17]
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer<P>) [8,148 784x17]
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer<DIV>) [8,181 784x149]
         PaintableWithLines (BlockContainer<P>) [8,181 784x17]
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer<P>) [8,214 784x17]
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer<P>) [8,247 784x17]
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer<P>) [8,280 784x17]
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer<P>) [8,313 784x17]
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,346 784x0]
diff --git a/Tests/LibWeb/Layout/expected/css-counters/counters-function.txt b/Tests/LibWeb/Layout/expected/css-counters/counters-function.txt
index 13f00b57ec1..16932351b12 100644
--- a/Tests/LibWeb/Layout/expected/css-counters/counters-function.txt
+++ b/Tests/LibWeb/Layout/expected/css-counters/counters-function.txt
@@ -171,83 +171,83 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
       PaintableWithLines (BlockContainer<DIV>.ol) [8,8 784x255]
         PaintableWithLines (BlockContainer(anonymous)) [24,8 768x0]
         PaintableWithLines (BlockContainer<DIV>.li) [24,8 768x17]
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer(anonymous)) [24,25 768x0]
         PaintableWithLines (BlockContainer<DIV>.li) [24,25 768x17]
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer(anonymous)) [24,42 768x0]
         PaintableWithLines (BlockContainer<DIV>.li) [24,42 768x17]
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer(anonymous)) [24,59 768x0]
         PaintableWithLines (BlockContainer<DIV>.li) [24,59 768x153]
           PaintableWithLines (BlockContainer(anonymous)) [24,59 768x17]
-            InlinePaintable (InlineNode(anonymous))
+            PaintableWithLines (InlineNode(anonymous))
               TextPaintable (TextNode<#text>)
           PaintableWithLines (BlockContainer<DIV>.ol) [24,76 768x136]
             PaintableWithLines (BlockContainer(anonymous)) [40,76 752x0]
             PaintableWithLines (BlockContainer<DIV>.li) [40,76 752x17]
-              InlinePaintable (InlineNode(anonymous))
+              PaintableWithLines (InlineNode(anonymous))
                 TextPaintable (TextNode<#text>)
               TextPaintable (TextNode<#text>)
             PaintableWithLines (BlockContainer(anonymous)) [40,93 752x0]
             PaintableWithLines (BlockContainer<DIV>.li) [40,93 752x17]
-              InlinePaintable (InlineNode(anonymous))
+              PaintableWithLines (InlineNode(anonymous))
                 TextPaintable (TextNode<#text>)
               TextPaintable (TextNode<#text>)
             PaintableWithLines (BlockContainer(anonymous)) [40,110 752x0]
             PaintableWithLines (BlockContainer<DIV>.li) [40,110 752x68]
               PaintableWithLines (BlockContainer(anonymous)) [40,110 752x17]
-                InlinePaintable (InlineNode(anonymous))
+                PaintableWithLines (InlineNode(anonymous))
                   TextPaintable (TextNode<#text>)
               PaintableWithLines (BlockContainer<DIV>.ol) [40,127 752x51]
                 PaintableWithLines (BlockContainer(anonymous)) [56,127 736x0]
                 PaintableWithLines (BlockContainer<DIV>.li) [56,127 736x17]
-                  InlinePaintable (InlineNode(anonymous))
+                  PaintableWithLines (InlineNode(anonymous))
                     TextPaintable (TextNode<#text>)
                   TextPaintable (TextNode<#text>)
                 PaintableWithLines (BlockContainer(anonymous)) [56,144 736x0]
                 PaintableWithLines (BlockContainer<DIV>.li) [56,144 736x17]
-                  InlinePaintable (InlineNode(anonymous))
+                  PaintableWithLines (InlineNode(anonymous))
                     TextPaintable (TextNode<#text>)
                   TextPaintable (TextNode<#text>)
                 PaintableWithLines (BlockContainer(anonymous)) [56,161 736x0]
                 PaintableWithLines (BlockContainer<DIV>.li) [56,161 736x17]
-                  InlinePaintable (InlineNode(anonymous))
+                  PaintableWithLines (InlineNode(anonymous))
                     TextPaintable (TextNode<#text>)
                   TextPaintable (TextNode<#text>)
                 PaintableWithLines (BlockContainer(anonymous)) [56,178 736x0]
               PaintableWithLines (BlockContainer(anonymous)) [40,178 752x0]
             PaintableWithLines (BlockContainer(anonymous)) [40,178 752x0]
             PaintableWithLines (BlockContainer<DIV>.li) [40,178 752x17]
-              InlinePaintable (InlineNode(anonymous))
+              PaintableWithLines (InlineNode(anonymous))
                 TextPaintable (TextNode<#text>)
               TextPaintable (TextNode<#text>)
             PaintableWithLines (BlockContainer(anonymous)) [40,195 752x0]
             PaintableWithLines (BlockContainer<DIV>.li) [40,195 752x17]
-              InlinePaintable (InlineNode(anonymous))
+              PaintableWithLines (InlineNode(anonymous))
                 TextPaintable (TextNode<#text>)
               TextPaintable (TextNode<#text>)
             PaintableWithLines (BlockContainer(anonymous)) [40,212 752x0]
           PaintableWithLines (BlockContainer(anonymous)) [24,212 768x0]
         PaintableWithLines (BlockContainer(anonymous)) [24,212 768x0]
         PaintableWithLines (BlockContainer<DIV>.li) [24,212 768x17]
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer(anonymous)) [24,229 768x0]
         PaintableWithLines (BlockContainer<DIV>.li) [24,229 768x17]
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer(anonymous)) [24,246 768x0]
         PaintableWithLines (BlockContainer<DIV>.li) [24,246 768x17]
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer(anonymous)) [24,263 768x0]
diff --git a/Tests/LibWeb/Layout/expected/css-counters/hidden-elements.txt b/Tests/LibWeb/Layout/expected/css-counters/hidden-elements.txt
index 905f73be978..b5779a20c7c 100644
--- a/Tests/LibWeb/Layout/expected/css-counters/hidden-elements.txt
+++ b/Tests/LibWeb/Layout/expected/css-counters/hidden-elements.txt
@@ -46,22 +46,22 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,16 784x149]
       PaintableWithLines (BlockContainer<P>) [8,16 784x17]
-        InlinePaintable (InlineNode(anonymous))
+        PaintableWithLines (InlineNode(anonymous))
           TextPaintable (TextNode<#text>)
         TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer<P>) [8,49 784x17]
-        InlinePaintable (InlineNode(anonymous))
+        PaintableWithLines (InlineNode(anonymous))
           TextPaintable (TextNode<#text>)
         TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer<P>) [8,82 784x17]
-        InlinePaintable (InlineNode(anonymous))
+        PaintableWithLines (InlineNode(anonymous))
           TextPaintable (TextNode<#text>)
         TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer<P>) [8,115 784x17]
-        InlinePaintable (InlineNode(anonymous))
+        PaintableWithLines (InlineNode(anonymous))
           TextPaintable (TextNode<#text>)
         TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer<P>) [8,148 784x17]
-        InlinePaintable (InlineNode(anonymous))
+        PaintableWithLines (InlineNode(anonymous))
           TextPaintable (TextNode<#text>)
         TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/css-font-size-math.txt b/Tests/LibWeb/Layout/expected/css-font-size-math.txt
index 77c186eb4fd..911f782f4bb 100644
--- a/Tests/LibWeb/Layout/expected/css-font-size-math.txt
+++ b/Tests/LibWeb/Layout/expected/css-font-size-math.txt
@@ -26,13 +26,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x79]
-      InlinePaintable (InlineNode<SPAN>)
+      PaintableWithLines (InlineNode<SPAN>)
         TextPaintable (TextNode<#text>)
-        InlinePaintable (InlineNode<SPAN>)
+        PaintableWithLines (InlineNode<SPAN>)
           TextPaintable (TextNode<#text>)
-          InlinePaintable (InlineNode<SPAN>)
+          PaintableWithLines (InlineNode<SPAN>)
             TextPaintable (TextNode<#text>)
-            InlinePaintable (InlineNode<SPAN>)
+            PaintableWithLines (InlineNode<SPAN>)
               TextPaintable (TextNode<#text>)
-              InlinePaintable (InlineNode<SPAN>)
+              PaintableWithLines (InlineNode<SPAN>)
                 TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/css-namespace-rule-matches.txt b/Tests/LibWeb/Layout/expected/css-namespace-rule-matches.txt
index ac38bbce605..514ae94a596 100644
--- a/Tests/LibWeb/Layout/expected/css-namespace-rule-matches.txt
+++ b/Tests/LibWeb/Layout/expected/css-namespace-rule-matches.txt
@@ -15,6 +15,6 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,20 784x22] overflow: [8,20 784x42]
       PaintableWithLines (BlockContainer<P>) [8,20 784x22]
-        InlinePaintable (InlineNode<A>)
+        PaintableWithLines (InlineNode<A>)
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,62 784x0]
diff --git a/Tests/LibWeb/Layout/expected/css-namespace-rule-no-match.txt b/Tests/LibWeb/Layout/expected/css-namespace-rule-no-match.txt
index fb3354d9017..8806f85e552 100644
--- a/Tests/LibWeb/Layout/expected/css-namespace-rule-no-match.txt
+++ b/Tests/LibWeb/Layout/expected/css-namespace-rule-no-match.txt
@@ -15,6 +15,6 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,20 784x22] overflow: [8,20 784x42]
       PaintableWithLines (BlockContainer<P>) [8,20 784x22]
-        InlinePaintable (InlineNode<A>)
+        PaintableWithLines (InlineNode<A>)
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,62 784x0]
diff --git a/Tests/LibWeb/Layout/expected/css-namespace-tag-name-selector.txt b/Tests/LibWeb/Layout/expected/css-namespace-tag-name-selector.txt
index 65e1f344ac1..3831d91f65b 100644
--- a/Tests/LibWeb/Layout/expected/css-namespace-tag-name-selector.txt
+++ b/Tests/LibWeb/Layout/expected/css-namespace-tag-name-selector.txt
@@ -34,6 +34,6 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
         PaintableWithLines (BlockContainer<math>) [318,50 2x110] overflow: [319,51 100x100]
           PaintableWithLines (BlockContainer<a>) [319,51 100x100]
       PaintableWithLines (BlockContainer<DIV>) [8,163 784x46]
-        InlinePaintable (InlineNode<A>)
+        PaintableWithLines (InlineNode<A>)
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,209 784x0]
diff --git a/Tests/LibWeb/Layout/expected/css-quotes-nesting.txt b/Tests/LibWeb/Layout/expected/css-quotes-nesting.txt
index 95902db24b7..c0b10ddf864 100644
--- a/Tests/LibWeb/Layout/expected/css-quotes-nesting.txt
+++ b/Tests/LibWeb/Layout/expected/css-quotes-nesting.txt
@@ -211,100 +211,90 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x67]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x51]
       PaintableWithLines (BlockContainer<DIV>.a) [8,8 784x17]
-        InlinePaintable (InlineNode<SPAN>)
-          InlinePaintable (InlineNode(anonymous))
+        PaintableWithLines (InlineNode<SPAN>)
           TextPaintable (TextNode<#text>)
-          InlinePaintable (InlineNode<SPAN>)
-            InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode<SPAN>)
             TextPaintable (TextNode<#text>)
-            InlinePaintable (InlineNode<SPAN>)
-              InlinePaintable (InlineNode(anonymous))
+            PaintableWithLines (InlineNode<SPAN>)
               TextPaintable (TextNode<#text>)
-              InlinePaintable (InlineNode<SPAN>)
-                InlinePaintable (InlineNode(anonymous))
+              PaintableWithLines (InlineNode<SPAN>)
                 TextPaintable (TextNode<#text>)
-                InlinePaintable (InlineNode<SPAN>)
-                  InlinePaintable (InlineNode(anonymous))
+                PaintableWithLines (InlineNode<SPAN>)
                   TextPaintable (TextNode<#text>)
-                  InlinePaintable (InlineNode(anonymous))
                 TextPaintable (TextNode<#text>)
-                InlinePaintable (InlineNode(anonymous))
               TextPaintable (TextNode<#text>)
-              InlinePaintable (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
-            InlinePaintable (InlineNode(anonymous))
           TextPaintable (TextNode<#text>)
-          InlinePaintable (InlineNode(anonymous))
       PaintableWithLines (BlockContainer(anonymous)) [8,25 784x0]
       PaintableWithLines (BlockContainer<DIV>.b) [8,25 784x17]
-        InlinePaintable (InlineNode<SPAN>)
-          InlinePaintable (InlineNode(anonymous))
+        PaintableWithLines (InlineNode<SPAN>)
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
-          InlinePaintable (InlineNode<SPAN>)
-            InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode<SPAN>)
+            PaintableWithLines (InlineNode(anonymous))
               TextPaintable (TextNode<#text>)
             TextPaintable (TextNode<#text>)
-            InlinePaintable (InlineNode<SPAN>)
-              InlinePaintable (InlineNode(anonymous))
+            PaintableWithLines (InlineNode<SPAN>)
+              PaintableWithLines (InlineNode(anonymous))
                 TextPaintable (TextNode<#text>)
               TextPaintable (TextNode<#text>)
-              InlinePaintable (InlineNode<SPAN>)
-                InlinePaintable (InlineNode(anonymous))
+              PaintableWithLines (InlineNode<SPAN>)
+                PaintableWithLines (InlineNode(anonymous))
                   TextPaintable (TextNode<#text>)
                 TextPaintable (TextNode<#text>)
-                InlinePaintable (InlineNode<SPAN>)
-                  InlinePaintable (InlineNode(anonymous))
+                PaintableWithLines (InlineNode<SPAN>)
+                  PaintableWithLines (InlineNode(anonymous))
                     TextPaintable (TextNode<#text>)
                   TextPaintable (TextNode<#text>)
-                  InlinePaintable (InlineNode(anonymous))
+                  PaintableWithLines (InlineNode(anonymous))
                     TextPaintable (TextNode<#text>)
                 TextPaintable (TextNode<#text>)
-                InlinePaintable (InlineNode(anonymous))
+                PaintableWithLines (InlineNode(anonymous))
                   TextPaintable (TextNode<#text>)
               TextPaintable (TextNode<#text>)
-              InlinePaintable (InlineNode(anonymous))
+              PaintableWithLines (InlineNode(anonymous))
                 TextPaintable (TextNode<#text>)
             TextPaintable (TextNode<#text>)
-            InlinePaintable (InlineNode(anonymous))
+            PaintableWithLines (InlineNode(anonymous))
               TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]
       PaintableWithLines (BlockContainer<DIV>.c) [8,42 784x17]
-        InlinePaintable (InlineNode<SPAN>)
-          InlinePaintable (InlineNode(anonymous))
+        PaintableWithLines (InlineNode<SPAN>)
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
-          InlinePaintable (InlineNode<SPAN>)
-            InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode<SPAN>)
+            PaintableWithLines (InlineNode(anonymous))
               TextPaintable (TextNode<#text>)
             TextPaintable (TextNode<#text>)
-            InlinePaintable (InlineNode<SPAN>)
-              InlinePaintable (InlineNode(anonymous))
+            PaintableWithLines (InlineNode<SPAN>)
+              PaintableWithLines (InlineNode(anonymous))
                 TextPaintable (TextNode<#text>)
               TextPaintable (TextNode<#text>)
-              InlinePaintable (InlineNode<SPAN>)
-                InlinePaintable (InlineNode(anonymous))
+              PaintableWithLines (InlineNode<SPAN>)
+                PaintableWithLines (InlineNode(anonymous))
                   TextPaintable (TextNode<#text>)
                 TextPaintable (TextNode<#text>)
-                InlinePaintable (InlineNode<SPAN>)
-                  InlinePaintable (InlineNode(anonymous))
+                PaintableWithLines (InlineNode<SPAN>)
+                  PaintableWithLines (InlineNode(anonymous))
                     TextPaintable (TextNode<#text>)
                   TextPaintable (TextNode<#text>)
-                  InlinePaintable (InlineNode(anonymous))
+                  PaintableWithLines (InlineNode(anonymous))
                     TextPaintable (TextNode<#text>)
                 TextPaintable (TextNode<#text>)
-                InlinePaintable (InlineNode(anonymous))
+                PaintableWithLines (InlineNode(anonymous))
                   TextPaintable (TextNode<#text>)
               TextPaintable (TextNode<#text>)
-              InlinePaintable (InlineNode(anonymous))
+              PaintableWithLines (InlineNode(anonymous))
                 TextPaintable (TextNode<#text>)
             TextPaintable (TextNode<#text>)
-            InlinePaintable (InlineNode(anonymous))
+            PaintableWithLines (InlineNode(anonymous))
               TextPaintable (TextNode<#text>)
           TextPaintable (TextNode<#text>)
-          InlinePaintable (InlineNode(anonymous))
+          PaintableWithLines (InlineNode(anonymous))
             TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,59 784x0]
diff --git a/Tests/LibWeb/Layout/expected/details-open.txt b/Tests/LibWeb/Layout/expected/details-open.txt
index 9db76021564..831029caec9 100644
--- a/Tests/LibWeb/Layout/expected/details-open.txt
+++ b/Tests/LibWeb/Layout/expected/details-open.txt
@@ -26,6 +26,6 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
           TextPaintable (TextNode<#text>)
           MarkerPaintable (ListItemMarkerBox(anonymous)) [8,8 12x17]
         PaintableWithLines (BlockContainer<SLOT>) [8,25 784x17]
-          InlinePaintable (InlineNode<SPAN>)
+          PaintableWithLines (InlineNode<SPAN>)
             TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]
diff --git a/Tests/LibWeb/Layout/expected/dialog-open-non-modal.txt b/Tests/LibWeb/Layout/expected/dialog-open-non-modal.txt
index 6442d095627..529cc13304b 100644
--- a/Tests/LibWeb/Layout/expected/dialog-open-non-modal.txt
+++ b/Tests/LibWeb/Layout/expected/dialog-open-non-modal.txt
@@ -14,5 +14,5 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
       PaintableWithLines (BlockContainer<DIALOG>) [339.84375,8 120.3125x55]
-        InlinePaintable (InlineNode<SPAN>)
+        PaintableWithLines (InlineNode<SPAN>)
           TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/display-contents-with-in-children.txt b/Tests/LibWeb/Layout/expected/display-contents-with-in-children.txt
index 5bd07ea37ab..bd63628ab06 100644
--- a/Tests/LibWeb/Layout/expected/display-contents-with-in-children.txt
+++ b/Tests/LibWeb/Layout/expected/display-contents-with-in-children.txt
@@ -7,5 +7,5 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x17]
-    InlinePaintable (InlineNode<SPAN>)
+    PaintableWithLines (InlineNode<SPAN>)
       TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/display-table-inline-children.txt b/Tests/LibWeb/Layout/expected/display-table-inline-children.txt
index 558eea1c13d..ae96948dca3 100644
--- a/Tests/LibWeb/Layout/expected/display-table-inline-children.txt
+++ b/Tests/LibWeb/Layout/expected/display-table-inline-children.txt
@@ -28,6 +28,6 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 1208x616]
         PaintableBox (Box<DIV>.aligncenter.block-image) [8,8 1200x600]
           PaintableBox (Box(anonymous)) [8,8 1200x600]
             PaintableWithLines (BlockContainer(anonymous)) [8,8 1200x600]
-              InlinePaintable (InlineNode<A>)
+              PaintableWithLines (InlineNode<A>)
                 ImagePaintable (ImageBox<IMG>) [8,8 1200x600]
       PaintableWithLines (BlockContainer(anonymous)) [8,608 784x0]
diff --git a/Tests/LibWeb/Layout/expected/font-fractional-size.txt b/Tests/LibWeb/Layout/expected/font-fractional-size.txt
index cec38fe7c1d..53a1e895444 100644
--- a/Tests/LibWeb/Layout/expected/font-fractional-size.txt
+++ b/Tests/LibWeb/Layout/expected/font-fractional-size.txt
@@ -24,11 +24,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x39]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x23]
-      InlinePaintable (InlineNode<SPAN>.a)
+      PaintableWithLines (InlineNode<SPAN>.a)
         TextPaintable (TextNode<#text>)
       TextPaintable (TextNode<#text>)
-      InlinePaintable (InlineNode<SPAN>.b)
+      PaintableWithLines (InlineNode<SPAN>.b)
         TextPaintable (TextNode<#text>)
       TextPaintable (TextNode<#text>)
-      InlinePaintable (InlineNode<SPAN>.c)
+      PaintableWithLines (InlineNode<SPAN>.c)
         TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/font-size-legacy.txt b/Tests/LibWeb/Layout/expected/font-size-legacy.txt
index a3577a3e86d..0e33170e19b 100644
--- a/Tests/LibWeb/Layout/expected/font-size-legacy.txt
+++ b/Tests/LibWeb/Layout/expected/font-size-legacy.txt
@@ -9,5 +9,5 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
-      InlinePaintable (InlineNode<FONT>)
+      PaintableWithLines (InlineNode<FONT>)
         TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/font-with-many-normal-values.txt b/Tests/LibWeb/Layout/expected/font-with-many-normal-values.txt
index 47b30d6a4e4..a5c98e442a9 100644
--- a/Tests/LibWeb/Layout/expected/font-with-many-normal-values.txt
+++ b/Tests/LibWeb/Layout/expected/font-with-many-normal-values.txt
@@ -31,14 +31,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x216]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x200]
-      InlinePaintable (InlineNode<SPAN>.one)
+      PaintableWithLines (InlineNode<SPAN>.one)
         TextPaintable (TextNode<#text>)
       TextPaintable (TextNode<#text>)
-      InlinePaintable (InlineNode<SPAN>.two)
+      PaintableWithLines (InlineNode<SPAN>.two)
         TextPaintable (TextNode<#text>)
       TextPaintable (TextNode<#text>)
-      InlinePaintable (InlineNode<SPAN>.three)
+      PaintableWithLines (InlineNode<SPAN>.three)
         TextPaintable (TextNode<#text>)
       TextPaintable (TextNode<#text>)
-      InlinePaintable (InlineNode<SPAN>.four)
+      PaintableWithLines (InlineNode<SPAN>.four)
         TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/host-pseudo-class-basic.txt b/Tests/LibWeb/Layout/expected/host-pseudo-class-basic.txt
index 95bf12f74a1..44731f67715 100644
--- a/Tests/LibWeb/Layout/expected/host-pseudo-class-basic.txt
+++ b/Tests/LibWeb/Layout/expected/host-pseudo-class-basic.txt
@@ -15,5 +15,5 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x47]
       PaintableWithLines (BlockContainer<MAIN>) [8,8 784x47]
         PaintableWithLines (BlockContainer<DIV>) [8,8 373.96875x47]
-          InlinePaintable (InlineNode<SPAN>)
+          PaintableWithLines (InlineNode<SPAN>)
             TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/nowrap-and-no-line-break-opportunity.txt b/Tests/LibWeb/Layout/expected/nowrap-and-no-line-break-opportunity.txt
index a14e545262e..133a7587a34 100644
--- a/Tests/LibWeb/Layout/expected/nowrap-and-no-line-break-opportunity.txt
+++ b/Tests/LibWeb/Layout/expected/nowrap-and-no-line-break-opportunity.txt
@@ -20,10 +20,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x19]
-      PaintableWithLines (BlockContainer<DIV>.fixed_width) [8,8 52x19] overflow: [9,9 78.921875x17]
-        InlinePaintable (InlineNode<SPAN>.nowrap)
+      PaintableWithLines (BlockContainer<DIV>.fixed_width) [8,8 52x19]
+        PaintableWithLines (InlineNode<SPAN>.nowrap)
           TextPaintable (TextNode<#text>)
-        InlinePaintable (InlineNode<SPAN>)
+        PaintableWithLines (InlineNode<SPAN>)
           TextPaintable (TextNode<#text>)
-        InlinePaintable (InlineNode<SPAN>.nowrap)
+        PaintableWithLines (InlineNode<SPAN>.nowrap)
           TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/overflow-with-padding.txt b/Tests/LibWeb/Layout/expected/overflow-with-padding.txt
index 9b34c8f756e..d11e951a946 100644
--- a/Tests/LibWeb/Layout/expected/overflow-with-padding.txt
+++ b/Tests/LibWeb/Layout/expected/overflow-with-padding.txt
@@ -49,7 +49,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
       PaintableWithLines (BlockContainer<DIV>.outer) [8,8 452x122] overflow: [9,9 450x152]
         PaintableWithLines (BlockContainer<DIV>.inner) [34,34 402x102]
           TextPaintable (TextNode<#text>)
-          InlinePaintable (InlineNode<SPAN>)
+          PaintableWithLines (InlineNode<SPAN>)
       PaintableWithLines (BlockContainer(anonymous)) [8,130 784x0]
       PaintableWithLines (BlockContainer<DIV>.outer) [8,130 452x122] overflow: [9,131 450x247]
         PaintableWithLines (BlockContainer<DIV>.inner) [34,156 402x102] overflow: [35,157 400x221]
diff --git a/Tests/LibWeb/Layout/expected/percentage-max-height-when-containing-block-has-indefinite-height.txt b/Tests/LibWeb/Layout/expected/percentage-max-height-when-containing-block-has-indefinite-height.txt
index 6ee21982681..bd7e01bec9c 100644
--- a/Tests/LibWeb/Layout/expected/percentage-max-height-when-containing-block-has-indefinite-height.txt
+++ b/Tests/LibWeb/Layout/expected/percentage-max-height-when-containing-block-has-indefinite-height.txt
@@ -48,7 +48,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [10,31 780x0]
       PaintableWithLines (BlockContainer<DIV>.inline.formatting-context) [10,31 780x19]
-        InlinePaintable (InlineNode<DIV>)
+        PaintableWithLines (InlineNode<DIV>)
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [10,50 780x0]
       PaintableBox (Box<DIV>.flex.formatting-context) [10,50 780x21]
diff --git a/Tests/LibWeb/Layout/expected/picture-source-media-query.txt b/Tests/LibWeb/Layout/expected/picture-source-media-query.txt
index 019ad83aed4..d1c71a211db 100644
--- a/Tests/LibWeb/Layout/expected/picture-source-media-query.txt
+++ b/Tests/LibWeb/Layout/expected/picture-source-media-query.txt
@@ -14,6 +14,6 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x416]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x400]
-      InlinePaintable (InlineNode<PICTURE>)
-        InlinePaintable (InlineNode<SOURCE>)
+      PaintableWithLines (InlineNode<PICTURE>)
+        PaintableWithLines (InlineNode<SOURCE>)
         ImagePaintable (ImageBox<IMG>) [8,8 400x400]
diff --git a/Tests/LibWeb/Layout/expected/pre.txt b/Tests/LibWeb/Layout/expected/pre.txt
index 3d3be09e8fc..e6bab2e143d 100644
--- a/Tests/LibWeb/Layout/expected/pre.txt
+++ b/Tests/LibWeb/Layout/expected/pre.txt
@@ -10,5 +10,5 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
-      InlinePaintable (InlineNode<PRE>)
+      PaintableWithLines (InlineNode<PRE>)
         TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/shadow-tree-removed-from-dom-receives-event.txt b/Tests/LibWeb/Layout/expected/shadow-tree-removed-from-dom-receives-event.txt
index ac80c5231b6..bd034253b65 100644
--- a/Tests/LibWeb/Layout/expected/shadow-tree-removed-from-dom-receives-event.txt
+++ b/Tests/LibWeb/Layout/expected/shadow-tree-removed-from-dom-receives-event.txt
@@ -14,6 +14,6 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
       PaintableWithLines (BlockContainer<DIV>#container) [8,8 784x17]
-        InlinePaintable (InlineNode<SPAN>)
+        PaintableWithLines (InlineNode<SPAN>)
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,25 784x0]
diff --git a/Tests/LibWeb/Layout/expected/space-is-soft-line-break-opportunity.txt b/Tests/LibWeb/Layout/expected/space-is-soft-line-break-opportunity.txt
index 2bc69445f6e..9ad4f42be8b 100644
--- a/Tests/LibWeb/Layout/expected/space-is-soft-line-break-opportunity.txt
+++ b/Tests/LibWeb/Layout/expected/space-is-soft-line-break-opportunity.txt
@@ -19,8 +19,8 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x36]
       PaintableWithLines (BlockContainer<DIV>.fixed_width) [8,8 52x36]
-        InlinePaintable (InlineNode<SPAN>.nowrap)
+        PaintableWithLines (InlineNode<SPAN>.nowrap)
           TextPaintable (TextNode<#text>)
-        InlinePaintable (InlineNode<SPAN>)
-        InlinePaintable (InlineNode<SPAN>.nowrap)
+        PaintableWithLines (InlineNode<SPAN>)
+        PaintableWithLines (InlineNode<SPAN>.nowrap)
           TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/span-with-padding.txt b/Tests/LibWeb/Layout/expected/span-with-padding.txt
index 6bf02e8cccb..64bb54eeede 100644
--- a/Tests/LibWeb/Layout/expected/span-with-padding.txt
+++ b/Tests/LibWeb/Layout/expected/span-with-padding.txt
@@ -9,5 +9,5 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x36]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x20]
-      InlinePaintable (InlineNode<SPAN>)
+      PaintableWithLines (InlineNode<SPAN>)
         TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/svg/svg-with-zero-intrinsic-size-and-no-viewbox.txt b/Tests/LibWeb/Layout/expected/svg/svg-with-zero-intrinsic-size-and-no-viewbox.txt
index 63475f451f7..6d1c47a2d60 100644
--- a/Tests/LibWeb/Layout/expected/svg/svg-with-zero-intrinsic-size-and-no-viewbox.txt
+++ b/Tests/LibWeb/Layout/expected/svg/svg-with-zero-intrinsic-size-and-no-viewbox.txt
@@ -6,4 +6,4 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<svg>) [0,0 800x0]
-    InlinePaintable (InlineNode<rect>)
+    PaintableWithLines (InlineNode<rect>)
diff --git a/Tests/LibWeb/Layout/expected/table/row-outer-size-with-computed-size.txt b/Tests/LibWeb/Layout/expected/table/row-outer-size-with-computed-size.txt
index bbe92881016..1761ebe09e5 100644
--- a/Tests/LibWeb/Layout/expected/table/row-outer-size-with-computed-size.txt
+++ b/Tests/LibWeb/Layout/expected/table/row-outer-size-with-computed-size.txt
@@ -41,7 +41,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
             PaintableBox (Box<TR>) [10,10 45.21875x9.5] overflow: [10,10 45.21875x21]
               PaintableWithLines (BlockContainer<TD>) [10,10 2x9.5]
               PaintableWithLines (BlockContainer<TD>) [14,10 41.21875x21]
-                InlinePaintable (InlineNode<A>)
+                PaintableWithLines (InlineNode<A>)
                   TextPaintable (TextNode<#text>)
             PaintableBox (Box<TR>) [10,21.5 45.21875x9.5]
               PaintableWithLines (BlockContainer<TD>) [10,21.5 2x9.5]
diff --git a/Tests/LibWeb/Layout/expected/vertical-align-middle.txt b/Tests/LibWeb/Layout/expected/vertical-align-middle.txt
index 0640f3c5ba5..27c2e96365d 100644
--- a/Tests/LibWeb/Layout/expected/vertical-align-middle.txt
+++ b/Tests/LibWeb/Layout/expected/vertical-align-middle.txt
@@ -16,6 +16,6 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
     PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x50]
-      InlinePaintable (InlineNode<A>)
+      PaintableWithLines (InlineNode<A>)
         TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer<DIV>.test) [49,8 50x50]
diff --git a/Tests/LibWeb/Layout/expected/writing-modes-direction-inline.txt b/Tests/LibWeb/Layout/expected/writing-modes-direction-inline.txt
index 918b8814e96..c74e21ee1aa 100644
--- a/Tests/LibWeb/Layout/expected/writing-modes-direction-inline.txt
+++ b/Tests/LibWeb/Layout/expected/writing-modes-direction-inline.txt
@@ -16,9 +16,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17] overflow: [8,8 784.34375x17]
-      InlinePaintable (InlineNode<SPAN>)
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
+      PaintableWithLines (InlineNode<SPAN>)
         TextPaintable (TextNode<#text>)
       TextPaintable (TextNode<#text>)
-      InlinePaintable (InlineNode<SPAN>)
+      PaintableWithLines (InlineNode<SPAN>)
         TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Text/expected/HTML/dimension-attributes.txt b/Tests/LibWeb/Text/expected/HTML/dimension-attributes.txt
index d7243653d2c..f147fa7fda0 100644
--- a/Tests/LibWeb/Text/expected/HTML/dimension-attributes.txt
+++ b/Tests/LibWeb/Text/expected/HTML/dimension-attributes.txt
@@ -49,12 +49,12 @@ Test embed.vspace = "120." maps to marginTop: 120px
 Test embed.vspace = "100" maps to marginBottom: 100px
 Test embed.vspace = " 00110 " maps to marginBottom: 110px
 Test embed.vspace = "120." maps to marginBottom: 120px
-Test embed.width = "100" maps to width: 100px
-Test embed.width = " 00110 " maps to width: 110px
-Test embed.width = "120." maps to width: 120px
-Test embed.height = "100" maps to height: 100px
-Test embed.height = " 00110 " maps to height: 110px
-Test embed.height = "120." maps to height: 120px
+Test embed.width = "100" maps to width: 0px
+Test embed.width = " 00110 " maps to width: 0px
+Test embed.width = "120." maps to width: 0px
+Test embed.height = "100" maps to height: 0px
+Test embed.height = " 00110 " maps to height: 0px
+Test embed.height = "120." maps to height: 0px
 Test tr.height = "100" maps to height: 100px
 Test tr.height = " 00110 " maps to height: 110px
 Test tr.height = "120." maps to height: 120px
diff --git a/Tests/LibWeb/Text/input/hit_testing/inline-stacking-context.html b/Tests/LibWeb/Text/input/hit_testing/inline-stacking-context.html
index 5d748e81b8b..5129e27f7aa 100644
--- a/Tests/LibWeb/Text/input/hit_testing/inline-stacking-context.html
+++ b/Tests/LibWeb/Text/input/hit_testing/inline-stacking-context.html
@@ -18,6 +18,6 @@ div {
 <script src="../include.js"></script>
 <script>
     test(() => {
-        println(internals.hitTest(50, 50).node.parentNode === document.getElementById("inline-stacking-context"));
+        println(internals.hitTest(50, 50).node === document.getElementById("inline-stacking-context"));
     });
 </script>
diff --git a/Userland/Libraries/LibWeb/DOM/Element.cpp b/Userland/Libraries/LibWeb/DOM/Element.cpp
index e70a44db215..08968887f92 100644
--- a/Userland/Libraries/LibWeb/DOM/Element.cpp
+++ b/Userland/Libraries/LibWeb/DOM/Element.cpp
@@ -1364,7 +1364,7 @@ void Element::set_scroll_left(double x)
     if (!paintable_box())
         return;
 
-    if (!paintable_box()->layout_box().is_scroll_container())
+    if (!paintable_box()->layout_node_with_style_and_box_metrics().is_scroll_container())
         return;
 
     // FIXME: or the element has no overflow.
@@ -1421,7 +1421,7 @@ void Element::set_scroll_top(double y)
     if (!paintable_box())
         return;
 
-    if (!paintable_box()->layout_box().is_scroll_container())
+    if (!paintable_box()->layout_node_with_style_and_box_metrics().is_scroll_container())
         return;
 
     // FIXME: or the element has no overflow.
diff --git a/Userland/Libraries/LibWeb/Dump.cpp b/Userland/Libraries/LibWeb/Dump.cpp
index cb8fb27c8a2..3a2a217f544 100644
--- a/Userland/Libraries/LibWeb/Dump.cpp
+++ b/Userland/Libraries/LibWeb/Dump.cpp
@@ -383,11 +383,13 @@ void dump_tree(StringBuilder& builder, Layout::Node const& layout_node, bool sho
 
     if (is<Layout::InlineNode>(layout_node) && layout_node.first_paintable()) {
         auto const& inline_node = static_cast<Layout::InlineNode const&>(layout_node);
-        auto const& inline_paintable = static_cast<Painting::InlinePaintable const&>(*inline_node.first_paintable());
-        auto const& fragments = inline_paintable.fragments();
-        for (size_t fragment_index = 0; fragment_index < fragments.size(); ++fragment_index) {
-            auto const& fragment = fragments[fragment_index];
-            dump_fragment(fragment, fragment_index);
+        for (auto const& paintable : inline_node.paintables()) {
+            auto const& paintable_with_lines = static_cast<Painting::PaintableWithLines const&>(paintable);
+            auto const& fragments = paintable_with_lines.fragments();
+            for (size_t fragment_index = 0; fragment_index < fragments.size(); ++fragment_index) {
+                auto const& fragment = fragments[fragment_index];
+                dump_fragment(fragment, fragment_index);
+            }
         }
     }
 
diff --git a/Userland/Libraries/LibWeb/Forward.h b/Userland/Libraries/LibWeb/Forward.h
index 57d0235611e..ab5075a13c2 100644
--- a/Userland/Libraries/LibWeb/Forward.h
+++ b/Userland/Libraries/LibWeb/Forward.h
@@ -574,6 +574,7 @@ class CheckBox;
 class FlexFormattingContext;
 class FormattingContext;
 class ImageBox;
+class InlineNode;
 class InlineFormattingContext;
 class Label;
 class LabelableNode;
diff --git a/Userland/Libraries/LibWeb/Layout/Box.cpp b/Userland/Libraries/LibWeb/Layout/Box.cpp
index a9ceda87448..e89583b3e24 100644
--- a/Userland/Libraries/LibWeb/Layout/Box.cpp
+++ b/Userland/Libraries/LibWeb/Layout/Box.cpp
@@ -34,37 +34,6 @@ void Box::visit_edges(Cell::Visitor& visitor)
     visitor.visit(m_contained_abspos_children);
 }
 
-// https://www.w37.org/TR/css-overflow-3/#overflow-control
-static bool overflow_value_makes_box_a_scroll_container(CSS::Overflow overflow)
-{
-    switch (overflow) {
-    case CSS::Overflow::Clip:
-    case CSS::Overflow::Visible:
-        return false;
-    case CSS::Overflow::Auto:
-    case CSS::Overflow::Hidden:
-    case CSS::Overflow::Scroll:
-        return true;
-    }
-    VERIFY_NOT_REACHED();
-}
-
-// https://www.w3.org/TR/css-overflow-3/#scroll-container
-bool Box::is_scroll_container() const
-{
-    // NOTE: This isn't in the spec, but we want the viewport to behave like a scroll container.
-    if (is_viewport())
-        return true;
-
-    return overflow_value_makes_box_a_scroll_container(computed_values().overflow_x())
-        || overflow_value_makes_box_a_scroll_container(computed_values().overflow_y());
-}
-
-bool Box::is_body() const
-{
-    return dom_node() && dom_node() == document().body();
-}
-
 JS::GCPtr<Painting::Paintable> Box::create_paintable() const
 {
     return Painting::PaintableBox::create(*this);
diff --git a/Userland/Libraries/LibWeb/Layout/Box.h b/Userland/Libraries/LibWeb/Layout/Box.h
index 93928d96109..be8e29bd523 100644
--- a/Userland/Libraries/LibWeb/Layout/Box.h
+++ b/Userland/Libraries/LibWeb/Layout/Box.h
@@ -25,8 +25,6 @@ public:
     Painting::PaintableBox const* paintable_box() const;
     Painting::PaintableBox* paintable_box();
 
-    bool is_body() const;
-
     // https://www.w3.org/TR/css-images-3/#natural-dimensions
     Optional<CSSPixels> natural_width() const { return m_natural_width; }
     Optional<CSSPixels> natural_height() const { return m_natural_height; }
@@ -50,8 +48,6 @@ public:
 
     virtual JS::GCPtr<Painting::Paintable> create_paintable() const override;
 
-    bool is_scroll_container() const;
-
     void add_contained_abspos_child(JS::NonnullGCPtr<Node> child) { m_contained_abspos_children.append(child); }
     void clear_contained_abspos_children() { m_contained_abspos_children.clear(); }
     Vector<JS::NonnullGCPtr<Node>> const& contained_abspos_children() const { return m_contained_abspos_children; }
diff --git a/Userland/Libraries/LibWeb/Layout/InlineNode.cpp b/Userland/Libraries/LibWeb/Layout/InlineNode.cpp
index 9466ee43f87..b0a848f90ff 100644
--- a/Userland/Libraries/LibWeb/Layout/InlineNode.cpp
+++ b/Userland/Libraries/LibWeb/Layout/InlineNode.cpp
@@ -1,6 +1,7 @@
 /*
  * Copyright (c) 2018-2022, Andreas Kling <andreas@ladybird.org>
  * Copyright (c) 2021, Sam Atkins <atkinssj@serenityos.org>
+ * Copyright (c) 2024, Aliaksandr Kalenik <kalenik.aliaksandr@gmail.com>
  *
  * SPDX-License-Identifier: BSD-2-Clause
  */
@@ -23,9 +24,17 @@ InlineNode::InlineNode(DOM::Document& document, DOM::Element* element, NonnullRe
 
 InlineNode::~InlineNode() = default;
 
-JS::GCPtr<Painting::Paintable> InlineNode::create_paintable() const
+JS::GCPtr<Painting::PaintableWithLines> InlineNode::create_paintable_for_line_with_index(size_t line_index) const
 {
-    return Painting::InlinePaintable::create(*this);
+    for (auto const& paintable : paintables()) {
+        if (is<Painting::PaintableWithLines>(paintable)) {
+            auto const& paintable_with_lines = static_cast<Painting::PaintableWithLines const&>(paintable);
+            if (paintable_with_lines.line_index() == line_index) {
+                return const_cast<Painting::PaintableWithLines&>(paintable_with_lines);
+            }
+        }
+    }
+    return Painting::PaintableWithLines::create(*this, line_index);
 }
 
 }
diff --git a/Userland/Libraries/LibWeb/Layout/InlineNode.h b/Userland/Libraries/LibWeb/Layout/InlineNode.h
index 122cf3d7c22..14687d6fa0e 100644
--- a/Userland/Libraries/LibWeb/Layout/InlineNode.h
+++ b/Userland/Libraries/LibWeb/Layout/InlineNode.h
@@ -18,7 +18,7 @@ public:
     InlineNode(DOM::Document&, DOM::Element*, NonnullRefPtr<CSS::StyleProperties>);
     virtual ~InlineNode() override;
 
-    virtual JS::GCPtr<Painting::Paintable> create_paintable() const override;
+    JS::GCPtr<Painting::PaintableWithLines> create_paintable_for_line_with_index(size_t line_index) const;
 };
 
 }
diff --git a/Userland/Libraries/LibWeb/Layout/LayoutState.cpp b/Userland/Libraries/LibWeb/Layout/LayoutState.cpp
index 3b4ecc478a7..472e3f04697 100644
--- a/Userland/Libraries/LibWeb/Layout/LayoutState.cpp
+++ b/Userland/Libraries/LibWeb/Layout/LayoutState.cpp
@@ -1,6 +1,7 @@
 /*
  * Copyright (c) 2022-2024, Andreas Kling <andreas@ladybird.org>
  * Copyright (c) 2024, Sam Atkins <atkinssj@serenityos.org>
+ * Copyright (c) 2024, Aliaksandr Kalenik <kalenik.aliaksandr@gmail.com>
  *
  * SPDX-License-Identifier: BSD-2-Clause
  */
@@ -165,50 +166,47 @@ void LayoutState::resolve_relative_positions()
         auto& used_values = *it.value;
         auto& node = const_cast<NodeWithStyle&>(used_values.node());
 
-        auto* paintable = node.first_paintable();
-        if (!paintable)
-            continue;
-        if (!is<Painting::InlinePaintable>(*paintable))
-            continue;
-
-        auto const& inline_paintable = static_cast<Painting::InlinePaintable&>(*paintable);
-        for (auto& fragment : inline_paintable.fragments()) {
-            auto const& fragment_node = fragment.layout_node();
-            if (!is<Layout::NodeWithStyleAndBoxModelMetrics>(*fragment_node.parent()))
+        for (auto& paintable : node.paintables()) {
+            if (!(is<Painting::PaintableWithLines>(paintable) && is<Layout::InlineNode>(paintable.layout_node())))
                 continue;
-            // Collect effective relative position offset from inline-flow parent chain.
-            CSSPixelPoint offset;
-            for (auto* ancestor = fragment_node.parent(); ancestor; ancestor = ancestor->parent()) {
-                if (!is<Layout::NodeWithStyleAndBoxModelMetrics>(*ancestor))
-                    break;
-                if (!ancestor->display().is_inline_outside() || !ancestor->display().is_flow_inside())
-                    break;
-                if (ancestor->computed_values().position() == CSS::Positioning::Relative) {
-                    auto const& ancestor_node = static_cast<Layout::NodeWithStyleAndBoxModelMetrics const&>(*ancestor);
-                    auto const& inset = ancestor_node.box_model().inset;
-                    offset.translate_by(inset.left, inset.top);
+
+            auto const& inline_paintable = static_cast<Painting::PaintableWithLines&>(paintable);
+            for (auto& fragment : inline_paintable.fragments()) {
+                auto const& fragment_node = fragment.layout_node();
+                if (!is<Layout::NodeWithStyleAndBoxModelMetrics>(*fragment_node.parent()))
+                    continue;
+                // Collect effective relative position offset from inline-flow parent chain.
+                CSSPixelPoint offset;
+                for (auto* ancestor = fragment_node.parent(); ancestor; ancestor = ancestor->parent()) {
+                    if (!is<Layout::NodeWithStyleAndBoxModelMetrics>(*ancestor))
+                        break;
+                    if (!ancestor->display().is_inline_outside() || !ancestor->display().is_flow_inside())
+                        break;
+                    if (ancestor->computed_values().position() == CSS::Positioning::Relative) {
+                        auto const& ancestor_node = static_cast<Layout::NodeWithStyleAndBoxModelMetrics const&>(*ancestor);
+                        auto const& inset = ancestor_node.box_model().inset;
+                        offset.translate_by(inset.left, inset.top);
+                    }
                 }
+                const_cast<Painting::PaintableFragment&>(fragment).set_offset(fragment.offset().translated(offset));
             }
-            const_cast<Painting::PaintableFragment&>(fragment).set_offset(fragment.offset().translated(offset));
         }
     }
 }
 
 static void build_paint_tree(Node& node, Painting::Paintable* parent_paintable = nullptr)
 {
-    Painting::Paintable* paintable = nullptr;
-    if (node.first_paintable()) {
-        paintable = const_cast<Painting::Paintable*>(node.first_paintable());
-        if (parent_paintable && !paintable->forms_unconnected_subtree()) {
-            VERIFY(!paintable->parent());
-            parent_paintable->append_child(*paintable);
+    for (auto& paintable : node.paintables()) {
+        if (parent_paintable && !paintable.forms_unconnected_subtree()) {
+            VERIFY(!paintable.parent());
+            parent_paintable->append_child(paintable);
         }
-        paintable->set_dom_node(node.dom_node());
+        paintable.set_dom_node(node.dom_node());
         if (node.dom_node())
             node.dom_node()->set_paintable(paintable);
     }
     for (auto* child = node.first_child(); child; child = child->next_sibling()) {
-        build_paint_tree(*child, paintable);
+        build_paint_tree(*child, node.first_paintable());
     }
 }
 
@@ -224,14 +222,35 @@ void LayoutState::commit(Box& root)
         node.clear_paintables();
         return TraversalDecision::Continue;
     });
+
+    HashTable<Layout::InlineNode*> inline_nodes;
+
     root.document().for_each_shadow_including_inclusive_descendant([&](DOM::Node& node) {
         node.clear_paintable();
+        if (node.layout_node() && is<InlineNode>(node.layout_node())) {
+            inline_nodes.set(static_cast<InlineNode*>(node.layout_node()));
+        }
         return TraversalDecision::Continue;
     });
 
     HashTable<Layout::TextNode*> text_nodes;
+    HashTable<Painting::PaintableWithLines*> inline_node_paintables;
 
-    Vector<Painting::PaintableWithLines&> paintables_with_lines;
+    auto try_to_relocate_fragment_in_inline_node = [&](auto& fragment, size_t line_index) -> bool {
+        for (auto const* parent = fragment.layout_node().parent(); parent; parent = parent->parent()) {
+            if (is<InlineNode>(*parent)) {
+                auto& inline_node = const_cast<InlineNode&>(static_cast<InlineNode const&>(*parent));
+                auto line_paintable = inline_node.create_paintable_for_line_with_index(line_index);
+                line_paintable->add_fragment(fragment);
+                if (!inline_node_paintables.contains(line_paintable.ptr())) {
+                    inline_node_paintables.set(line_paintable.ptr());
+                    inline_node.add_paintable(line_paintable);
+                }
+                return true;
+            }
+        }
+        return false;
+    };
 
     for (auto& it : used_values_per_layout_node) {
         auto& used_values = *it.value;
@@ -247,7 +266,6 @@ void LayoutState::commit(Box& root)
         }
 
         auto paintable = node.create_paintable();
-
         node.add_paintable(paintable);
 
         // For boxes, transfer all the state needed for painting.
@@ -264,11 +282,17 @@ void LayoutState::commit(Box& root)
 
             if (is<Painting::PaintableWithLines>(paintable_box)) {
                 auto& paintable_with_lines = static_cast<Painting::PaintableWithLines&>(paintable_box);
-                for (auto& line_box : used_values.line_boxes) {
-                    for (auto& fragment : line_box.fragments())
-                        paintable_with_lines.add_fragment(fragment);
+                for (size_t line_index = 0; line_index < used_values.line_boxes.size(); ++line_index) {
+                    auto& line_box = used_values.line_boxes[line_index];
+                    for (auto& fragment : line_box.fragments()) {
+                        if (fragment.layout_node().is_text_node())
+                            text_nodes.set(static_cast<Layout::TextNode*>(const_cast<Layout::Node*>(&fragment.layout_node())));
+                        auto did_relocate_fragment = try_to_relocate_fragment_in_inline_node(fragment, line_index);
+                        if (!did_relocate_fragment) {
+                            paintable_with_lines.add_fragment(fragment);
+                        }
+                    }
                 }
-                paintables_with_lines.append(paintable_with_lines);
             }
 
             if (used_values.computed_svg_transforms().has_value() && is<Painting::SVGGraphicsPaintable>(paintable_box)) {
@@ -288,6 +312,15 @@ void LayoutState::commit(Box& root)
         }
     }
 
+    // Create paintables for inline nodes without fragments to make possible querying their geometry.
+    for (auto& inline_node : inline_nodes) {
+        auto* paintable = inline_node->first_paintable();
+        if (paintable)
+            continue;
+        paintable = inline_node->create_paintable_for_line_with_index(0);
+        inline_node->add_paintable(paintable);
+    }
+
     // Resolve relative positions for regular boxes (not line box fragments):
     // NOTE: This needs to occur before fragments are transferred into the corresponding inline paintables, because
     //       after this transfer, the containing_line_box_fragment will no longer be valid.
@@ -324,32 +357,6 @@ void LayoutState::commit(Box& root)
         paintable.set_offset(offset);
     }
 
-    // Make a pass over all the line boxes to:
-    // - Collect all text nodes, so we can create paintables for them later.
-    // - Relocate fragments into matching inline paintables
-    for (auto& paintable_with_lines : paintables_with_lines) {
-        Vector<Painting::PaintableFragment> fragments_with_inline_paintables_removed;
-        for (auto& fragment : paintable_with_lines.fragments()) {
-            if (fragment.layout_node().is_text_node())
-                text_nodes.set(static_cast<Layout::TextNode*>(const_cast<Layout::Node*>(&fragment.layout_node())));
-
-            auto find_closest_inline_paintable = [&](auto& fragment) -> Painting::InlinePaintable const* {
-                for (auto const* parent = fragment.layout_node().parent(); parent; parent = parent->parent()) {
-                    if (is<InlineNode>(*parent))
-                        return static_cast<Painting::InlinePaintable const*>(parent->first_paintable());
-                }
-                return nullptr;
-            };
-
-            if (auto const* inline_paintable = find_closest_inline_paintable(fragment)) {
-                const_cast<Painting::InlinePaintable*>(inline_paintable)->fragments().append(fragment);
-            } else {
-                fragments_with_inline_paintables_removed.append(fragment);
-            }
-        }
-        paintable_with_lines.set_fragments(move(fragments_with_inline_paintables_removed));
-    }
-
     for (auto* text_node : text_nodes) {
         text_node->add_paintable(text_node->create_paintable());
         auto* paintable = text_node->first_paintable();
@@ -369,6 +376,26 @@ void LayoutState::commit(Box& root)
 
     resolve_relative_positions();
 
+    // Measure size of paintables created for inline nodes.
+    for (auto& paintable_with_lines : inline_node_paintables) {
+        if (!is<InlineNode>(paintable_with_lines->layout_node())) {
+            continue;
+        }
+
+        auto const& fragments = paintable_with_lines->fragments();
+        if (fragments.is_empty()) {
+            continue;
+        }
+
+        paintable_with_lines->set_offset(fragments.first().offset());
+        CSSPixelSize size;
+        for (auto const& fragment : fragments) {
+            size.set_width(size.width() + fragment.width());
+            size.set_height(max(size.height(), fragment.height()));
+        }
+        paintable_with_lines->set_content_size(size.width(), size.height());
+    }
+
     // Measure overflow in scroll containers.
     for (auto& it : used_values_per_layout_node) {
         auto& used_values = *it.value;
diff --git a/Userland/Libraries/LibWeb/Layout/Node.cpp b/Userland/Libraries/LibWeb/Layout/Node.cpp
index aa9b4f10667..d998c3b2db5 100644
--- a/Userland/Libraries/LibWeb/Layout/Node.cpp
+++ b/Userland/Libraries/LibWeb/Layout/Node.cpp
@@ -1017,6 +1017,35 @@ void NodeWithStyle::transfer_table_box_computed_values_to_wrapper_computed_value
     reset_table_box_computed_values_used_by_wrapper_to_init_values();
 }
 
+bool NodeWithStyle::is_body() const
+{
+    return dom_node() && dom_node() == document().body();
+}
+
+static bool overflow_value_makes_box_a_scroll_container(CSS::Overflow overflow)
+{
+    switch (overflow) {
+    case CSS::Overflow::Clip:
+    case CSS::Overflow::Visible:
+        return false;
+    case CSS::Overflow::Auto:
+    case CSS::Overflow::Hidden:
+    case CSS::Overflow::Scroll:
+        return true;
+    }
+    VERIFY_NOT_REACHED();
+}
+
+bool NodeWithStyle::is_scroll_container() const
+{
+    // NOTE: This isn't in the spec, but we want the viewport to behave like a scroll container.
+    if (is_viewport())
+        return true;
+
+    return overflow_value_makes_box_a_scroll_container(computed_values().overflow_x())
+        || overflow_value_makes_box_a_scroll_container(computed_values().overflow_y());
+}
+
 void Node::add_paintable(JS::GCPtr<Painting::Paintable> paintable)
 {
     if (!paintable)
diff --git a/Userland/Libraries/LibWeb/Layout/Node.h b/Userland/Libraries/LibWeb/Layout/Node.h
index 505f0d811de..ff8404dc072 100644
--- a/Userland/Libraries/LibWeb/Layout/Node.h
+++ b/Userland/Libraries/LibWeb/Layout/Node.h
@@ -69,6 +69,8 @@ public:
 
     Painting::Paintable* first_paintable() { return m_paintable.first(); }
     Painting::Paintable const* first_paintable() const { return m_paintable.first(); }
+    PaintableList& paintables() { return m_paintable; }
+    PaintableList const& paintables() const { return m_paintable; }
     void add_paintable(JS::GCPtr<Painting::Paintable>);
     void clear_paintables();
 
@@ -220,6 +222,9 @@ public:
 
     void transfer_table_box_computed_values_to_wrapper_computed_values(CSS::ComputedValues& wrapper_computed_values);
 
+    bool is_body() const;
+    bool is_scroll_container() const;
+
     virtual void visit_edges(Cell::Visitor& visitor) override;
 
 protected:
diff --git a/Userland/Libraries/LibWeb/Painting/LabelablePaintable.cpp b/Userland/Libraries/LibWeb/Painting/LabelablePaintable.cpp
index 1b037cfa9a6..4b7089f43d3 100644
--- a/Userland/Libraries/LibWeb/Painting/LabelablePaintable.cpp
+++ b/Userland/Libraries/LibWeb/Painting/LabelablePaintable.cpp
@@ -27,12 +27,12 @@ void LabelablePaintable::set_being_pressed(bool being_pressed)
 
 Layout::FormAssociatedLabelableNode const& LabelablePaintable::layout_box() const
 {
-    return static_cast<Layout::FormAssociatedLabelableNode const&>(PaintableBox::layout_box());
+    return static_cast<Layout::FormAssociatedLabelableNode const&>(PaintableBox::layout_node_with_style_and_box_metrics());
 }
 
 Layout::FormAssociatedLabelableNode& LabelablePaintable::layout_box()
 {
-    return static_cast<Layout::FormAssociatedLabelableNode&>(PaintableBox::layout_box());
+    return static_cast<Layout::FormAssociatedLabelableNode&>(PaintableBox::layout_node_with_style_and_box_metrics());
 }
 
 LabelablePaintable::DispatchEventOfSameName LabelablePaintable::handle_mousedown(Badge<EventHandler>, CSSPixelPoint, unsigned button, unsigned)
diff --git a/Userland/Libraries/LibWeb/Painting/MediaPaintable.cpp b/Userland/Libraries/LibWeb/Painting/MediaPaintable.cpp
index 7c3f721793d..5ad7fec75c6 100644
--- a/Userland/Libraries/LibWeb/Painting/MediaPaintable.cpp
+++ b/Userland/Libraries/LibWeb/Painting/MediaPaintable.cpp
@@ -272,7 +272,7 @@ MediaPaintable::DispatchEventOfSameName MediaPaintable::handle_mousedown(Badge<E
     if (button != UIEvents::MouseButton::Primary)
         return DispatchEventOfSameName::Yes;
 
-    auto& media_element = *verify_cast<HTML::HTMLMediaElement>(layout_box().dom_node());
+    auto& media_element = *verify_cast<HTML::HTMLMediaElement>(layout_node_with_style_and_box_metrics().dom_node());
     auto const& cached_layout_boxes = media_element.cached_layout_boxes({});
 
     auto position_adjusted_by_scroll_offset = position;
@@ -294,7 +294,7 @@ MediaPaintable::DispatchEventOfSameName MediaPaintable::handle_mousedown(Badge<E
 
 MediaPaintable::DispatchEventOfSameName MediaPaintable::handle_mouseup(Badge<EventHandler>, CSSPixelPoint position, unsigned button, unsigned)
 {
-    auto& media_element = *verify_cast<HTML::HTMLMediaElement>(layout_box().dom_node());
+    auto& media_element = *verify_cast<HTML::HTMLMediaElement>(layout_node_with_style_and_box_metrics().dom_node());
     auto const& cached_layout_boxes = media_element.cached_layout_boxes({});
 
     auto position_adjusted_by_scroll_offset = position;
@@ -342,7 +342,7 @@ MediaPaintable::DispatchEventOfSameName MediaPaintable::handle_mouseup(Badge<Eve
 
 MediaPaintable::DispatchEventOfSameName MediaPaintable::handle_mousemove(Badge<EventHandler>, CSSPixelPoint position, unsigned, unsigned)
 {
-    auto& media_element = *verify_cast<HTML::HTMLMediaElement>(layout_box().dom_node());
+    auto& media_element = *verify_cast<HTML::HTMLMediaElement>(layout_node_with_style_and_box_metrics().dom_node());
     auto const& cached_layout_boxes = media_element.cached_layout_boxes({});
 
     auto position_adjusted_by_scroll_offset = position;
diff --git a/Userland/Libraries/LibWeb/Painting/PaintableBox.cpp b/Userland/Libraries/LibWeb/Painting/PaintableBox.cpp
index 1cab96f2247..59c9fc02502 100644
--- a/Userland/Libraries/LibWeb/Painting/PaintableBox.cpp
+++ b/Userland/Libraries/LibWeb/Painting/PaintableBox.cpp
@@ -1,6 +1,7 @@
 /*
  * Copyright (c) 2022-2023, Andreas Kling <andreas@ladybird.org>
  * Copyright (c) 2022-2023, Sam Atkins <atkinssj@serenityos.org>
+ * Copyright (c) 2024, Aliaksandr Kalenik <kalenik.aliaksandr@gmail.com>
  *
  * SPDX-License-Identifier: BSD-2-Clause
  */
@@ -34,16 +35,31 @@ JS::NonnullGCPtr<PaintableWithLines> PaintableWithLines::create(Layout::BlockCon
     return block_container.heap().allocate_without_realm<PaintableWithLines>(block_container);
 }
 
+JS::NonnullGCPtr<PaintableWithLines> PaintableWithLines::create(Layout::InlineNode const& inline_node, size_t line_index)
+{
+    return inline_node.heap().allocate_without_realm<PaintableWithLines>(inline_node, line_index);
+}
+
 JS::NonnullGCPtr<PaintableBox> PaintableBox::create(Layout::Box const& layout_box)
 {
     return layout_box.heap().allocate_without_realm<PaintableBox>(layout_box);
 }
 
+JS::NonnullGCPtr<PaintableBox> PaintableBox::create(Layout::InlineNode const& layout_box)
+{
+    return layout_box.heap().allocate_without_realm<PaintableBox>(layout_box);
+}
+
 PaintableBox::PaintableBox(Layout::Box const& layout_box)
     : Paintable(layout_box)
 {
 }
 
+PaintableBox::PaintableBox(Layout::InlineNode const& layout_box)
+    : Paintable(layout_box)
+{
+}
+
 PaintableBox::~PaintableBox()
 {
 }
@@ -53,6 +69,12 @@ PaintableWithLines::PaintableWithLines(Layout::BlockContainer const& layout_box)
 {
 }
 
+PaintableWithLines::PaintableWithLines(Layout::InlineNode const& inline_node, size_t line_index)
+    : PaintableBox(inline_node)
+    , m_line_index(line_index)
+{
+}
+
 PaintableWithLines::~PaintableWithLines()
 {
 }
@@ -112,7 +134,7 @@ void PaintableBox::set_scroll_offset(CSSPixelPoint offset)
     // the user agent must run these steps:
 
     // 1. Let doc be the element’s node document.
-    auto& document = layout_box().document();
+    auto& document = layout_node().document();
 
     // FIXME: 2. If the element is a snap container, run the steps to update snapchanging targets for the element with
     //           the element’s eventual snap target in the block axis as newBlockTarget and the element’s eventual snap
@@ -125,7 +147,7 @@ void PaintableBox::set_scroll_offset(CSSPixelPoint offset)
         return;
 
     // 4. Append the element to doc’s pending scroll event targets.
-    document.pending_scroll_event_targets().append(*layout_box().dom_node());
+    document.pending_scroll_event_targets().append(*layout_node_with_style_and_box_metrics().dom_node());
 
     set_needs_display(InvalidateDisplayList::No);
 }
@@ -143,7 +165,9 @@ void PaintableBox::set_offset(CSSPixelPoint offset)
 void PaintableBox::set_content_size(CSSPixelSize size)
 {
     m_content_size = size;
-    layout_box().did_set_content_size();
+    if (is<Layout::Box>(Paintable::layout_node())) {
+        static_cast<Layout::Box&>(layout_node_with_style_and_box_metrics()).did_set_content_size();
+    }
 }
 
 CSSPixelPoint PaintableBox::offset() const
@@ -197,7 +221,7 @@ CSSPixelRect PaintableBox::absolute_paint_rect() const
 Optional<CSSPixelRect> PaintableBox::get_clip_rect() const
 {
     auto clip = computed_values().clip();
-    if (clip.is_rect() && layout_box().is_absolutely_positioned()) {
+    if (clip.is_rect() && layout_node_with_style_and_box_metrics().is_absolutely_positioned()) {
         auto border_box = absolute_border_box_rect();
         return clip.to_rect().resolved(layout_node(), border_box);
     }
@@ -238,7 +262,10 @@ void PaintableBox::after_paint(PaintContext& context, [[maybe_unused]] PaintPhas
 bool PaintableBox::is_scrollable(ScrollDirection direction) const
 {
     auto overflow = direction == ScrollDirection::Horizontal ? computed_values().overflow_x() : computed_values().overflow_y();
-    auto scrollable_overflow_size = direction == ScrollDirection::Horizontal ? scrollable_overflow_rect()->width() : scrollable_overflow_rect()->height();
+    auto scrollable_overflow_rect = this->scrollable_overflow_rect();
+    if (!scrollable_overflow_rect.has_value())
+        return false;
+    auto scrollable_overflow_size = direction == ScrollDirection::Horizontal ? scrollable_overflow_rect->width() : scrollable_overflow_rect->height();
     auto scrollport_size = direction == ScrollDirection::Horizontal ? absolute_padding_box_rect().width() : absolute_padding_box_rect().height();
     if ((is_viewport() && overflow != CSS::Overflow::Hidden) || overflow == CSS::Overflow::Auto)
         return scrollable_overflow_size > scrollport_size;
@@ -363,7 +390,7 @@ void PaintableBox::paint(PaintContext& context, PaintPhase phase) const
         }
     }
 
-    if (phase == PaintPhase::Overlay && layout_box().document().inspected_layout_node() == &layout_box()) {
+    if (phase == PaintPhase::Overlay && layout_node().document().inspected_layout_node() == &layout_node_with_style_and_box_metrics()) {
         auto content_rect = absolute_rect();
 
         auto margin_box = box_model().margin_box();
@@ -390,10 +417,10 @@ void PaintableBox::paint(PaintContext& context, PaintPhase phase) const
         auto& font = Platform::FontPlugin::the().default_font();
 
         StringBuilder builder;
-        if (layout_box().dom_node())
-            builder.append(layout_box().dom_node()->debug_description());
+        if (layout_node_with_style_and_box_metrics().dom_node())
+            builder.append(layout_node_with_style_and_box_metrics().dom_node()->debug_description());
         else
-            builder.append(layout_box().debug_description());
+            builder.append(layout_node_with_style_and_box_metrics().debug_description());
         builder.appendff(" {}x{} @ {},{}", border_rect.width(), border_rect.height(), border_rect.x(), border_rect.y());
         auto size_text = MUST(builder.to_string());
         auto size_text_rect = border_rect;
@@ -445,10 +472,10 @@ void PaintableBox::paint_backdrop_filter(PaintContext& context) const
 void PaintableBox::paint_background(PaintContext& context) const
 {
     // If the body's background properties were propagated to the root element, do no re-paint the body's background.
-    if (layout_box().is_body() && document().html_element()->should_use_body_background_properties())
+    if (layout_node_with_style_and_box_metrics().is_body() && document().html_element()->should_use_body_background_properties())
         return;
 
-    Painting::paint_background(context, layout_box(), computed_values().image_rendering(), m_resolved_background, normalized_border_radii_data());
+    Painting::paint_background(context, layout_node_with_style_and_box_metrics(), computed_values().image_rendering(), m_resolved_background, normalized_border_radii_data());
 }
 
 void PaintableBox::paint_box_shadow(PaintContext& context) const
@@ -787,14 +814,14 @@ bool PaintableBox::handle_mousewheel(Badge<EventHandler>, CSSPixelPoint, unsigne
     return true;
 }
 
-Layout::BlockContainer const& PaintableWithLines::layout_box() const
+Layout::NodeWithStyleAndBoxModelMetrics const& PaintableWithLines::layout_node_with_style_and_box_metrics() const
 {
-    return static_cast<Layout::BlockContainer const&>(PaintableBox::layout_box());
+    return static_cast<Layout::NodeWithStyleAndBoxModelMetrics const&>(PaintableBox::layout_node_with_style_and_box_metrics());
 }
 
-Layout::BlockContainer& PaintableWithLines::layout_box()
+Layout::NodeWithStyleAndBoxModelMetrics& PaintableWithLines::layout_node_with_style_and_box_metrics()
 {
-    return static_cast<Layout::BlockContainer&>(PaintableBox::layout_box());
+    return static_cast<Layout::NodeWithStyleAndBoxModelMetrics&>(PaintableBox::layout_node_with_style_and_box_metrics());
 }
 
 TraversalDecision PaintableBox::hit_test_scrollbars(CSSPixelPoint position, Function<TraversalDecision(HitTestResult)> const& callback) const
@@ -822,7 +849,7 @@ TraversalDecision PaintableBox::hit_test(CSSPixelPoint position, HitTestType typ
     if (hit_test_scrollbars(position_adjusted_by_scroll_offset, callback) == TraversalDecision::Break)
         return TraversalDecision::Break;
 
-    if (layout_box().is_viewport()) {
+    if (layout_node_with_style_and_box_metrics().is_viewport()) {
         auto& viewport_paintable = const_cast<ViewportPaintable&>(static_cast<ViewportPaintable const&>(*this));
         viewport_paintable.build_stacking_context_tree_if_needed();
         viewport_paintable.document().update_paint_and_hit_testing_properties_if_needed();
@@ -874,7 +901,7 @@ TraversalDecision PaintableWithLines::hit_test(CSSPixelPoint position, HitTestTy
     auto position_adjusted_by_scroll_offset = position;
     position_adjusted_by_scroll_offset.translate_by(-cumulative_offset_of_enclosing_scroll_frame());
 
-    if (!layout_box().children_are_inline() || m_fragments.is_empty()) {
+    if (!layout_node_with_style_and_box_metrics().children_are_inline() || m_fragments.is_empty()) {
         return PaintableBox::hit_test(position, type, callback);
     }
 
@@ -1102,7 +1129,7 @@ void PaintableBox::resolve_paint_properties()
     CSSPixelRect background_rect;
     Color background_color = computed_values.background_color();
     auto const* background_layers = &computed_values.background_layers();
-    if (layout_box().is_root_element()) {
+    if (layout_node_with_style_and_box_metrics().is_root_element()) {
         background_rect = navigable()->viewport_rect();
 
         // Section 2.11.2: If the computed value of background-image on the root element is none and its background-color is transparent,
@@ -1122,7 +1149,7 @@ void PaintableBox::resolve_paint_properties()
 
     m_resolved_background.layers.clear();
     if (background_layers) {
-        m_resolved_background = resolve_background_layers(*background_layers, layout_box(), background_color, background_rect, normalized_border_radii_data());
+        m_resolved_background = resolve_background_layers(*background_layers, layout_node_with_style_and_box_metrics(), background_color, background_rect, normalized_border_radii_data());
     };
 }
 
diff --git a/Userland/Libraries/LibWeb/Painting/PaintableBox.h b/Userland/Libraries/LibWeb/Painting/PaintableBox.h
index 7543940e0f8..8a1c0180cf0 100644
--- a/Userland/Libraries/LibWeb/Painting/PaintableBox.h
+++ b/Userland/Libraries/LibWeb/Painting/PaintableBox.h
@@ -1,5 +1,6 @@
 /*
  * Copyright (c) 2022, Andreas Kling <andreas@ladybird.org>
+ * Copyright (c) 2024, Aliaksandr Kalenik <kalenik.aliaksandr@gmail.com>
  *
  * SPDX-License-Identifier: BSD-2-Clause
  */
@@ -26,6 +27,7 @@ class PaintableBox : public Paintable
 
 public:
     static JS::NonnullGCPtr<PaintableBox> create(Layout::Box const&);
+    static JS::NonnullGCPtr<PaintableBox> create(Layout::InlineNode const&);
     virtual ~PaintableBox();
 
     virtual void before_paint(PaintContext&, PaintPhase) const override;
@@ -37,10 +39,10 @@ public:
     virtual Optional<Gfx::Bitmap::MaskKind> get_mask_type() const { return {}; }
     virtual RefPtr<Gfx::Bitmap> calculate_mask(PaintContext&, CSSPixelRect const&) const { return {}; }
 
-    Layout::Box& layout_box() { return static_cast<Layout::Box&>(Paintable::layout_node()); }
-    Layout::Box const& layout_box() const { return static_cast<Layout::Box const&>(Paintable::layout_node()); }
+    Layout::NodeWithStyleAndBoxModelMetrics& layout_node_with_style_and_box_metrics() { return static_cast<Layout::NodeWithStyleAndBoxModelMetrics&>(Paintable::layout_node()); }
+    Layout::NodeWithStyleAndBoxModelMetrics const& layout_node_with_style_and_box_metrics() const { return static_cast<Layout::NodeWithStyleAndBoxModelMetrics const&>(Paintable::layout_node()); }
 
-    auto const& box_model() const { return layout_box().box_model(); }
+    auto const& box_model() const { return layout_node_with_style_and_box_metrics().box_model(); }
 
     struct OverflowData {
         CSSPixelRect scrollable_overflow_rect;
@@ -115,7 +117,12 @@ public:
     CSSPixels absolute_y() const { return absolute_rect().y(); }
     CSSPixelPoint absolute_position() const { return absolute_rect().location(); }
 
-    [[nodiscard]] bool has_scrollable_overflow() const { return m_overflow_data->has_scrollable_overflow; }
+    [[nodiscard]] bool has_scrollable_overflow() const
+    {
+        if (!m_overflow_data.has_value())
+            return false;
+        return m_overflow_data->has_scrollable_overflow;
+    }
 
     bool has_css_transform() const { return computed_values().transformations().size() > 0; }
 
@@ -128,8 +135,8 @@ public:
 
     void set_overflow_data(OverflowData data) { m_overflow_data = move(data); }
 
-    DOM::Node const* dom_node() const { return layout_box().dom_node(); }
-    DOM::Node* dom_node() { return layout_box().dom_node(); }
+    DOM::Node const* dom_node() const { return layout_node_with_style_and_box_metrics().dom_node(); }
+    DOM::Node* dom_node() { return layout_node_with_style_and_box_metrics().dom_node(); }
 
     virtual void set_needs_display(InvalidateDisplayList = InvalidateDisplayList::Yes) override;
 
@@ -207,7 +214,7 @@ public:
 
     Optional<CSSPixelRect> get_clip_rect() const;
 
-    bool is_viewport() const { return layout_box().is_viewport(); }
+    bool is_viewport() const { return layout_node_with_style_and_box_metrics().is_viewport(); }
 
     virtual bool wants_mouse_events() const override;
 
@@ -238,6 +245,7 @@ public:
 
 protected:
     explicit PaintableBox(Layout::Box const&);
+    explicit PaintableBox(Layout::InlineNode const&);
 
     virtual void paint_border(PaintContext&) const;
     virtual void paint_backdrop_filter(PaintContext&) const;
@@ -306,10 +314,11 @@ class PaintableWithLines : public PaintableBox {
 
 public:
     static JS::NonnullGCPtr<PaintableWithLines> create(Layout::BlockContainer const&);
+    static JS::NonnullGCPtr<PaintableWithLines> create(Layout::InlineNode const&, size_t line_index);
     virtual ~PaintableWithLines() override;
 
-    Layout::BlockContainer const& layout_box() const;
-    Layout::BlockContainer& layout_box();
+    Layout::NodeWithStyleAndBoxModelMetrics const& layout_node_with_style_and_box_metrics() const;
+    Layout::NodeWithStyleAndBoxModelMetrics& layout_node_with_style_and_box_metrics();
 
     Vector<PaintableFragment> const& fragments() const { return m_fragments; }
     Vector<PaintableFragment>& fragments() { return m_fragments; }
@@ -343,13 +352,18 @@ public:
 
     virtual void resolve_paint_properties() override;
 
+    size_t line_index() const { return m_line_index; }
+
 protected:
     PaintableWithLines(Layout::BlockContainer const&);
+    PaintableWithLines(Layout::InlineNode const&, size_t line_index);
 
 private:
     [[nodiscard]] virtual bool is_paintable_with_lines() const final { return true; }
 
     Vector<PaintableFragment> m_fragments;
+
+    size_t m_line_index { 0 };
 };
 
 void paint_text_decoration(PaintContext&, TextPaintable const&, PaintableFragment const&);
diff --git a/Userland/Libraries/LibWeb/Painting/ViewportPaintable.cpp b/Userland/Libraries/LibWeb/Painting/ViewportPaintable.cpp
index 69164e55d4e..34b41d96f5b 100644
--- a/Userland/Libraries/LibWeb/Painting/ViewportPaintable.cpp
+++ b/Userland/Libraries/LibWeb/Painting/ViewportPaintable.cpp
@@ -1,5 +1,6 @@
 /*
  * Copyright (c) 2023, Andreas Kling <andreas@ladybird.org>
+ * Copyright (c) 2024, Aliaksandr Kalenik <kalenik.aliaksandr@gmail.com>
  *
  * SPDX-License-Identifier: BSD-2-Clause
  */
@@ -156,15 +157,19 @@ void ViewportPaintable::assign_clip_frames()
     for (auto& it : clip_state) {
         auto const& paintable_box = *it.key;
         auto& clip_frame = *it.value;
-        for (auto const* block = &paintable_box.layout_box(); !block->is_viewport(); block = block->containing_block()) {
-            auto const& block_paintable_box = *block->paintable_box();
+        for (auto const* block = &paintable_box.layout_node_with_style_and_box_metrics(); !block->is_viewport(); block = block->containing_block()) {
+            auto const& paintable = block->first_paintable();
+            if (!paintable->is_paintable_box()) {
+                continue;
+            }
+            auto const& block_paintable_box = static_cast<PaintableBox const&>(*paintable);
             auto block_overflow_x = block_paintable_box.computed_values().overflow_x();
             auto block_overflow_y = block_paintable_box.computed_values().overflow_y();
             if (block_overflow_x != CSS::Overflow::Visible && block_overflow_y != CSS::Overflow::Visible) {
                 auto rect = block_paintable_box.absolute_padding_box_rect();
                 clip_frame.add_clip_rect(rect, block_paintable_box.normalized_border_radii_data(ShrinkRadiiForBorders::Yes), block_paintable_box.enclosing_scroll_frame());
             }
-            if (auto css_clip_property_rect = block->paintable_box()->get_clip_rect(); css_clip_property_rect.has_value()) {
+            if (auto css_clip_property_rect = block_paintable_box.get_clip_rect(); css_clip_property_rect.has_value()) {
                 clip_frame.add_clip_rect(css_clip_property_rect.value(), {}, block_paintable_box.enclosing_scroll_frame());
             }
             if (block->has_css_transform()) {
diff --git a/Userland/Libraries/LibWeb/Painting/ViewportPaintable.h b/Userland/Libraries/LibWeb/Painting/ViewportPaintable.h
index e6f5afa729b..1d5b6685b4f 100644
--- a/Userland/Libraries/LibWeb/Painting/ViewportPaintable.h
+++ b/Userland/Libraries/LibWeb/Painting/ViewportPaintable.h
@@ -1,5 +1,6 @@
 /*
  * Copyright (c) 2023, Andreas Kling <andreas@ladybird.org>
+ * Copyright (c) 2024, Aliaksandr Kalenik <kalenik.aliaksandr@gmail.com>
  *
  * SPDX-License-Identifier: BSD-2-Clause
  */
