Selaa lähdekoodia

AK+LibWeb: Round to int in clamp_to_int instead of truncating

This caused inaccuracies in float->CssPixel conversions
Hendiadyoin1 2 vuotta sitten
vanhempi
commit
af161a8b83
58 muutettua tiedostoa jossa 693 lisäystä ja 692 poistoa
  1. 7 3
      AK/Math.h
  2. 65 65
      Tests/LibWeb/Layout/expected/acid1.txt
  3. 6 6
      Tests/LibWeb/Layout/expected/block-and-inline/atomic-inline-with-percentage-vertical-align.txt
  4. 108 108
      Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-justified-text-in-between.txt
  5. 38 38
      Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-text-in-between.txt
  6. 14 14
      Tests/LibWeb/Layout/expected/block-and-inline/max-width-for-box-with-inline-children.txt
  7. 10 10
      Tests/LibWeb/Layout/expected/block-and-inline/min-width-for-box-with-inline-children.txt
  8. 12 12
      Tests/LibWeb/Layout/expected/box-sizing-border-box-for-definite-sizes-without-layout.txt
  9. 6 6
      Tests/LibWeb/Layout/expected/css-ex-unit.txt
  10. 6 6
      Tests/LibWeb/Layout/expected/css-font-size-calc.txt
  11. 4 4
      Tests/LibWeb/Layout/expected/css-import-rule.txt
  12. 4 4
      Tests/LibWeb/Layout/expected/css-imported-sheet-with-media-rule.txt
  13. 2 2
      Tests/LibWeb/Layout/expected/css-line-height-percentage-inheritance.txt
  14. 8 8
      Tests/LibWeb/Layout/expected/css-namespace-rule-matches.txt
  15. 8 8
      Tests/LibWeb/Layout/expected/css-namespace-rule-no-match.txt
  16. 6 6
      Tests/LibWeb/Layout/expected/css-values/trigonometric-functions.txt
  17. 9 9
      Tests/LibWeb/Layout/expected/flex-auto.txt
  18. 9 9
      Tests/LibWeb/Layout/expected/flex-column-constrained-nowrap.txt
  19. 9 9
      Tests/LibWeb/Layout/expected/flex-column-height-constrained-width-constrained.txt
  20. 9 9
      Tests/LibWeb/Layout/expected/flex-column-height-constrained.txt
  21. 4 4
      Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-depending-auto-width-with-max-width-constraint.txt
  22. 9 9
      Tests/LibWeb/Layout/expected/flex-container-constrained-nowrap.txt
  23. 9 9
      Tests/LibWeb/Layout/expected/flex-container-width-constrained.txt
  24. 5 5
      Tests/LibWeb/Layout/expected/flex-grow-1.txt
  25. 5 5
      Tests/LibWeb/Layout/expected/flex-grow-2.txt
  26. 6 6
      Tests/LibWeb/Layout/expected/flex-shrink-1.txt
  27. 3 3
      Tests/LibWeb/Layout/expected/flex-shrink-2.txt
  28. 8 8
      Tests/LibWeb/Layout/expected/flex/calc-flex-basis.txt
  29. 2 2
      Tests/LibWeb/Layout/expected/flex/flex-item-with-calc-main-size-and-layout-dependent-containing-block-size.txt
  30. 6 6
      Tests/LibWeb/Layout/expected/flex/flex-item-with-intrinsic-aspect-ratio-and-max-height.txt
  31. 18 18
      Tests/LibWeb/Layout/expected/flex/reverse-flex-layout-with-space-between-and-space-around.txt
  32. 8 8
      Tests/LibWeb/Layout/expected/font-with-many-normal-values.txt
  33. 6 6
      Tests/LibWeb/Layout/expected/getComputedStyle-on-unconnected-element.txt
  34. 3 3
      Tests/LibWeb/Layout/expected/grid/borders.txt
  35. 3 3
      Tests/LibWeb/Layout/expected/grid/grid-gap-2.txt
  36. 10 10
      Tests/LibWeb/Layout/expected/grid/grid-item-fixed-paddings.txt
  37. 2 2
      Tests/LibWeb/Layout/expected/grid/grid-item-percentage-margins.txt
  38. 2 2
      Tests/LibWeb/Layout/expected/grid/grid-item-percentage-width.txt
  39. 12 12
      Tests/LibWeb/Layout/expected/grid/grid-span-4.txt
  40. 10 10
      Tests/LibWeb/Layout/expected/grid/image-in-grid.txt
  41. 11 14
      Tests/LibWeb/Layout/expected/grid/track-size-calc-with-percentage.txt
  42. 4 4
      Tests/LibWeb/Layout/expected/height-of-absolute-position-box-with-padding.txt
  43. 12 12
      Tests/LibWeb/Layout/expected/input-element-with-display-inline.txt
  44. 3 3
      Tests/LibWeb/Layout/expected/place-content-shorthand-property.txt
  45. 37 37
      Tests/LibWeb/Layout/expected/pseudo-element-with-custom-properties-2.txt
  46. 14 14
      Tests/LibWeb/Layout/expected/svg-transforms-and-viewboxes.txt
  47. 2 2
      Tests/LibWeb/Layout/expected/svg/svg-negative-elliptical-arg-number.txt
  48. 1 1
      Tests/LibWeb/Layout/expected/svg/svg-symbol-with-viewbox.txt
  49. 6 6
      Tests/LibWeb/Layout/expected/table/cell-auto-max-width-table-percentage-width.txt
  50. 24 24
      Tests/LibWeb/Layout/expected/table/cell-relative-to-specified-table-width.txt
  51. 15 15
      Tests/LibWeb/Layout/expected/table/colspan-percentage-width.txt
  52. 17 17
      Tests/LibWeb/Layout/expected/table/colspan-width-distribution.txt
  53. 18 18
      Tests/LibWeb/Layout/expected/table/long-caption-increases-width.txt
  54. 10 10
      Tests/LibWeb/Layout/expected/table/multi-line-cell.txt
  55. 12 12
      Tests/LibWeb/Layout/expected/table/percentage-width-columns.txt
  56. 9 9
      Tests/LibWeb/Layout/expected/table/percentage-width-max-width-columns.txt
  57. 12 12
      Tests/LibWeb/Layout/expected/table/sum-of-percentage-column-widths-less-than-100.txt
  58. 15 15
      Tests/LibWeb/Layout/expected/table/width-distribution-of-max-width-increment.txt

+ 7 - 3
AK/Math.h

@@ -1017,11 +1017,15 @@ constexpr T pow(T x, T y)
 template<typename T>
 constexpr int clamp_to_int(T value)
 {
-    if (value >= NumericLimits<int>::max()) {
+    if (value >= NumericLimits<int>::max())
         return NumericLimits<int>::max();
-    } else if (value <= NumericLimits<int>::min()) {
+
+    if (value <= NumericLimits<int>::min())
         return NumericLimits<int>::min();
-    }
+
+    if constexpr (IsFloatingPoint<T>)
+        return round_to<int>(value);
+
     return value;
 }
 

+ 65 - 65
Tests/LibWeb/Layout/expected/acid1.txt

@@ -1,15 +1,15 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x419.921875 [BFC] children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x420 [BFC] children: not-inline
     BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
       TextNode <#text>
-    BlockContainer <body> at (20,20) content-size 480x379.921875 children: not-inline
+    BlockContainer <body> at (20,20) content-size 480x380 children: not-inline
       BlockContainer <(anonymous)> at (20,20) content-size 480x0 children: inline
         TextNode <#text>
       BlockContainer <dl> at (25,25) content-size 470x0 children: inline
         TextNode <#text>
-        BlockContainer <dt> at (40,40) content-size 49.984375x280 floating [BFC] children: inline
-          line 0 width: 28.296875, height: 10, bottom: 10, baseline: 7.984375
-            frag 0 from TextNode start: 0, length: 6, rect: [40,40 28.296875x10]
+        BlockContainer <dt> at (40,40) content-size 50x280 floating [BFC] children: inline
+          line 0 width: 28.3125, height: 10, bottom: 10, baseline: 8
+            frag 0 from TextNode start: 0, length: 6, rect: [40,40 28.3125x10]
               "toggle"
           TextNode <#text>
         TextNode <#text>
@@ -19,55 +19,55 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           BlockContainer <ul> at (135,45) content-size 340x0 children: inline
             TextNode <#text>
             BlockContainer <li> at (150,60) content-size 50x90 floating [BFC] children: inline
-              line 0 width: 37.875, height: 10, bottom: 10, baseline: 7.984375
+              line 0 width: 37.875, height: 10, bottom: 10, baseline: 8
                 frag 0 from TextNode start: 0, length: 7, rect: [150,60 37.875x10]
                   "the way"
               TextNode <#text>
             TextNode <#text>
-            BlockContainer <li#bar> at (235,55) content-size 139.96875x90 floating [BFC] children: not-inline
-              BlockContainer <(anonymous)> at (235,55) content-size 139.96875x0 children: inline
+            BlockContainer <li#bar> at (235,55) content-size 139.984375x90 floating [BFC] children: not-inline
+              BlockContainer <(anonymous)> at (235,55) content-size 139.984375x0 children: inline
                 TextNode <#text>
-              BlockContainer <p> at (235,55) content-size 139.96875x10 children: inline
-                line 0 width: 74.3125, height: 10, bottom: 10, baseline: 7.984375
+              BlockContainer <p> at (235,55) content-size 139.984375x10 children: inline
+                line 0 width: 74.3125, height: 10, bottom: 10, baseline: 8
                   frag 0 from TextNode start: 0, length: 14, rect: [235,55 74.3125x10]
                     "the world ends"
                 TextNode <#text>
-              BlockContainer <(anonymous)> at (235,65) content-size 139.96875x0 children: inline
+              BlockContainer <(anonymous)> at (235,65) content-size 139.984375x0 children: inline
                 TextNode <#text>
                 InlineNode <form>
                   TextNode <#text>
                   TextNode <#text>
                   TextNode <#text>
-              BlockContainer <p> at (235,65) content-size 139.96875x18.984375 children: inline
-                line 0 width: 39.484375, height: 18.984375, bottom: 18.984375, baseline: 12.46875
-                  frag 0 from TextNode start: 1, length: 5, rect: [235,65 27.484375x18.984375]
+              BlockContainer <p> at (235,65) content-size 139.984375x19 children: inline
+                line 0 width: 39.484375, height: 19, bottom: 19, baseline: 12.5
+                  frag 0 from TextNode start: 1, length: 5, rect: [235,65 27.484375x19]
                     "bang "
-                  frag 1 from RadioButton start: 0, length: 0, rect: [262.484375,65.46875 12x12]
+                  frag 1 from RadioButton start: 0, length: 0, rect: [262.484375,65.5 12x12]
                 TextNode <#text>
-                RadioButton <input> at (262.484375,65.46875) content-size 12x12 inline-block children: not-inline
+                RadioButton <input> at (262.484375,65.5) content-size 12x12 inline-block children: not-inline
                 TextNode <#text>
-              BlockContainer <p> at (235,83.984375) content-size 139.96875x18.984375 children: inline
-                line 0 width: 57.15625, height: 18.984375, bottom: 18.984375, baseline: 12.46875
-                  frag 0 from TextNode start: 1, length: 8, rect: [235,83.984375 45.15625x18.984375]
+              BlockContainer <p> at (235,84) content-size 139.984375x19 children: inline
+                line 0 width: 57.15625, height: 19, bottom: 19, baseline: 12.5
+                  frag 0 from TextNode start: 1, length: 8, rect: [235,84 45.15625x19]
                     "whimper "
-                  frag 1 from RadioButton start: 0, length: 0, rect: [280.15625,84.453125 12x12]
+                  frag 1 from RadioButton start: 0, length: 0, rect: [280.15625,84.5 12x12]
                 TextNode <#text>
-                RadioButton <input> at (280.15625,84.453125) content-size 12x12 inline-block children: not-inline
+                RadioButton <input> at (280.15625,84.5) content-size 12x12 inline-block children: not-inline
                 TextNode <#text>
-              BlockContainer <(anonymous)> at (235,102.96875) content-size 139.96875x0 children: inline
+              BlockContainer <(anonymous)> at (235,103) content-size 139.984375x0 children: inline
                 TextNode <#text>
             TextNode <#text>
-            BlockContainer <li> at (409.96875,60) content-size 50x90 floating [BFC] children: inline
-              line 0 width: 31.5625, height: 10, bottom: 10, baseline: 7.984375
-                frag 0 from TextNode start: 0, length: 6, rect: [409.96875,60 31.5625x10]
+            BlockContainer <li> at (409.984375,60) content-size 50x90 floating [BFC] children: inline
+              line 0 width: 31.578125, height: 10, bottom: 10, baseline: 8
+                frag 0 from TextNode start: 0, length: 6, rect: [409.984375,60 31.578125x10]
                   "i grow"
-              line 1 width: 14.03125, height: 10, bottom: 20, baseline: 7.984375
-                frag 0 from TextNode start: 7, length: 3, rect: [409.96875,70 14.03125x10]
+              line 1 width: 14.03125, height: 10, bottom: 20, baseline: 8
+                frag 0 from TextNode start: 7, length: 3, rect: [409.984375,70 14.03125x10]
                   "old"
               TextNode <#text>
             TextNode <#text>
             BlockContainer <li#baz> at (145,185) content-size 100x100 floating [BFC] children: inline
-              line 0 width: 29.421875, height: 10, bottom: 10, baseline: 7.984375
+              line 0 width: 29.421875, height: 10, bottom: 10, baseline: 8
                 frag 0 from TextNode start: 0, length: 6, rect: [145,185 29.421875x10]
                   "pluot?"
               TextNode <#text>
@@ -78,10 +78,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
               BlockContainer <(anonymous)> at (280,195) content-size 50x0 children: inline
                 TextNode <#text>
               BlockContainer <address> at (280,195) content-size 50x20 children: inline
-                line 0 width: 17.265625, height: 10, bottom: 10, baseline: 7.984375
-                  frag 0 from TextNode start: 0, length: 3, rect: [280,195 17.265625x10]
+                line 0 width: 17.28125, height: 10, bottom: 10, baseline: 8
+                  frag 0 from TextNode start: 0, length: 3, rect: [280,195 17.28125x10]
                     "bar"
-                line 1 width: 30.21875, height: 10, bottom: 20, baseline: 7.984375
+                line 1 width: 30.21875, height: 10, bottom: 20, baseline: 8
                   frag 0 from TextNode start: 4, length: 6, rect: [280,205 30.21875x10]
                     "maids,"
                 TextNode <#text>
@@ -89,10 +89,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
                 TextNode <#text>
             TextNode <#text>
             BlockContainer <h1> at (365,185) content-size 100x100 floating [BFC] children: inline
-              line 0 width: 56.390625, height: 10, bottom: 10, baseline: 7.984375
-                frag 0 from TextNode start: 0, length: 11, rect: [365,185 56.390625x10]
+              line 0 width: 56.421875, height: 10, bottom: 10, baseline: 8
+                frag 0 from TextNode start: 0, length: 11, rect: [365,185 56.421875x10]
                   "sing to me,"
-              line 1 width: 65.4375, height: 10, bottom: 20, baseline: 7.984375
+              line 1 width: 65.4375, height: 10, bottom: 20, baseline: 8
                 frag 0 from TextNode start: 12, length: 12, rect: [365,195 65.4375x10]
                   "erbarme dich"
               TextNode <#text>
@@ -100,29 +100,29 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
       BlockContainer <(anonymous)> at (20,30) content-size 480x0 children: inline
         TextNode <#text>
-      BlockContainer <p> at (20,335) content-size 480x64.921875 children: inline
-        line 0 width: 473.5625, height: 12.984375, bottom: 12.984375, baseline: 9.46875
-          frag 0 from TextNode start: 1, length: 90, rect: [20,335 473.5625x12.984375]
+      BlockContainer <p> at (20,335) content-size 480x65 children: inline
+        line 0 width: 473.625, height: 13, bottom: 13, baseline: 9.5
+          frag 0 from TextNode start: 1, length: 90, rect: [20,335 473.625x13]
             "This is a nonsensical document, but syntactically valid HTML 4.0. All 100%-conformant CSS1"
-        line 1 width: 396.859375, height: 12.984375, bottom: 25.96875, baseline: 9.46875
-          frag 0 from TextNode start: 92, length: 74, rect: [20,347.984375 396.859375x12.984375]
+        line 1 width: 396.96875, height: 13, bottom: 26, baseline: 9.5
+          frag 0 from TextNode start: 92, length: 74, rect: [20,348 396.96875x13]
             "agents should be able to render the document elements above this paragraph"
-        line 2 width: 470.5, height: 12.984375, bottom: 38.953125, baseline: 9.46875
-          frag 0 from TextNode start: 167, length: 43, rect: [20,360.96875 207.875x12.984375]
+        line 2 width: 470.578125, height: 13, bottom: 39, baseline: 9.5
+          frag 0 from TextNode start: 167, length: 43, rect: [20,361 207.890625x13]
             "indistinguishably (to the pixel) from this "
-          frag 1 from TextNode start: 0, length: 20, rect: [227.875,360.96875 102.984375x12.984375]
+          frag 1 from TextNode start: 0, length: 20, rect: [227.890625,361 103.015625x13]
             "reference rendering,"
-          frag 2 from TextNode start: 0, length: 31, rect: [330.859375,360.96875 159.640625x12.984375]
+          frag 2 from TextNode start: 0, length: 31, rect: [330.90625,361 159.671875x13]
             " (except font rasterization and"
-        line 3 width: 464.9375, height: 12.984375, bottom: 51.9375, baseline: 9.46875
-          frag 0 from TextNode start: 32, length: 89, rect: [20,373.953125 464.9375x12.984375]
+        line 3 width: 465.015625, height: 13, bottom: 52, baseline: 9.5
+          frag 0 from TextNode start: 32, length: 89, rect: [20,374 465.015625x13]
             "form widgets). All discrepancies should be traceable to CSS1 implementation shortcomings."
-        line 4 width: 408.046875, height: 12.984375, bottom: 64.921875, baseline: 9.46875
-          frag 0 from TextNode start: 122, length: 67, rect: [20,386.9375 345.46875x12.984375]
+        line 4 width: 408.15625, height: 13, bottom: 65, baseline: 9.5
+          frag 0 from TextNode start: 122, length: 67, rect: [20,387 345.546875x13]
             "Once you have finished evaluating this test, you can return to the "
-          frag 1 from TextNode start: 0, length: 11, rect: [365.46875,386.9375 59.875x12.984375]
+          frag 1 from TextNode start: 0, length: 11, rect: [365.546875,387 59.890625x13]
             "parent page"
-          frag 2 from TextNode start: 0, length: 1, rect: [425.34375,386.9375 2.703125x12.984375]
+          frag 2 from TextNode start: 0, length: 1, rect: [425.4375,387 2.71875x13]
             "."
         TextNode <#text>
         InlineNode <a>
@@ -131,36 +131,36 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         InlineNode <a>
           TextNode <#text>
         TextNode <#text>
-      BlockContainer <(anonymous)> at (20,399.921875) content-size 480x0 children: inline
+      BlockContainer <(anonymous)> at (20,400) content-size 480x0 children: inline
         TextNode <#text>
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x419.921875]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x420]
     PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
-    PaintableWithLines (BlockContainer<BODY>) [15,15 490x389.921875]
+    PaintableWithLines (BlockContainer<BODY>) [15,15 490x390]
       PaintableWithLines (BlockContainer(anonymous)) [20,20 480x0]
       PaintableWithLines (BlockContainer<DL>) [20,20 480x10]
-        PaintableWithLines (BlockContainer<DT>) [25,25 79.984375x310]
+        PaintableWithLines (BlockContainer<DT>) [25,25 80x310]
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer<DD>) [115,25 380x310]
           PaintableWithLines (BlockContainer(anonymous)) [135,45 340x0]
           PaintableWithLines (BlockContainer<UL>) [135,45 340x0]
             PaintableWithLines (BlockContainer<LI>) [135,45 80x120]
               TextPaintable (TextNode<#text>)
-            PaintableWithLines (BlockContainer<LI>#bar) [225,45 159.96875x110]
-              PaintableWithLines (BlockContainer(anonymous)) [235,55 139.96875x0]
-              PaintableWithLines (BlockContainer<P>) [235,55 139.96875x10]
+            PaintableWithLines (BlockContainer<LI>#bar) [225,45 159.984375x110]
+              PaintableWithLines (BlockContainer(anonymous)) [235,55 139.984375x0]
+              PaintableWithLines (BlockContainer<P>) [235,55 139.984375x10]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer(anonymous)) [235,65 139.96875x0]
+              PaintableWithLines (BlockContainer(anonymous)) [235,65 139.984375x0]
                 InlinePaintable (InlineNode<FORM>)
-              PaintableWithLines (BlockContainer<P>) [235,65 139.96875x18.984375]
+              PaintableWithLines (BlockContainer<P>) [235,65 139.984375x19]
                 TextPaintable (TextNode<#text>)
-                RadioButtonPaintable (RadioButton<INPUT>) [262.484375,65.46875 12x12]
-              PaintableWithLines (BlockContainer<P>) [235,83.984375 139.96875x18.984375]
+                RadioButtonPaintable (RadioButton<INPUT>) [262.484375,65.5 12x12]
+              PaintableWithLines (BlockContainer<P>) [235,84 139.984375x19]
                 TextPaintable (TextNode<#text>)
-                RadioButtonPaintable (RadioButton<INPUT>) [280.15625,84.453125 12x12]
-              PaintableWithLines (BlockContainer(anonymous)) [235,102.96875 139.96875x0]
-            PaintableWithLines (BlockContainer<LI>) [394.96875,45 80x120]
+                RadioButtonPaintable (RadioButton<INPUT>) [280.15625,84.5 12x12]
+              PaintableWithLines (BlockContainer(anonymous)) [235,103 139.984375x0]
+            PaintableWithLines (BlockContainer<LI>) [394.984375,45 80x120]
               TextPaintable (TextNode<#text>)
             PaintableWithLines (BlockContainer<LI>#baz) [135,175 120x120]
               TextPaintable (TextNode<#text>)
@@ -173,7 +173,7 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
             PaintableWithLines (BlockContainer<H1>) [355,175 120x120]
               TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [20,30 480x0]
-      PaintableWithLines (BlockContainer<P>) [20,335 480x64.921875]
+      PaintableWithLines (BlockContainer<P>) [20,335 480x65]
         TextPaintable (TextNode<#text>)
         InlinePaintable (InlineNode<A>)
           TextPaintable (TextNode<#text>)
@@ -181,4 +181,4 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
         InlinePaintable (InlineNode<A>)
           TextPaintable (TextNode<#text>)
         TextPaintable (TextNode<#text>)
-      PaintableWithLines (BlockContainer(anonymous)) [20,399.921875 480x0]
+      PaintableWithLines (BlockContainer(anonymous)) [20,400 480x0]

+ 6 - 6
Tests/LibWeb/Layout/expected/block-and-inline/atomic-inline-with-percentage-vertical-align.txt

@@ -1,16 +1,16 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (1,1) content-size 798x62.515625 [BFC] children: not-inline
-    BlockContainer <body> at (2,2) content-size 796x60.515625 children: inline
-      line 0 width: 34, height: 28.515625, bottom: 28.515625, baseline: 28.515625
+  BlockContainer <html> at (1,1) content-size 798x62.5 [BFC] children: not-inline
+    BlockContainer <body> at (2,2) content-size 796x60.5 children: inline
+      line 0 width: 34, height: 28.5, bottom: 28.5, baseline: 28.5
         frag 0 from BlockContainer start: 0, length: 0, rect: [4,3 30x30]
-      line 1 width: 32, height: 28.515625, bottom: 60.515625, baseline: 28.515625
+      line 1 width: 32, height: 28.5, bottom: 60.5, baseline: 28.5
         frag 0 from BlockContainer start: 0, length: 0, rect: [3,35 30x30]
       BlockContainer <div.clump> at (4,3) content-size 30x30 inline-block [BFC] children: not-inline
       BreakNode <br>
       BlockContainer <div.clump> at (3,35) content-size 30x30 inline-block [BFC] children: not-inline
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x64.515625] overflow: [1,1 798x64]
-    PaintableWithLines (BlockContainer<BODY>) [1,1 798x62.515625] overflow: [2,2 796x63]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x64.5] overflow: [1,1 798x64]
+    PaintableWithLines (BlockContainer<BODY>) [1,1 798x62.5] overflow: [2,2 796x63]
       PaintableWithLines (BlockContainer<DIV>.clump) [3,2 32x32]
       PaintableWithLines (BlockContainer<DIV>.clump) [2,34 32x32]

+ 108 - 108
Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-justified-text-in-between.txt

@@ -1,200 +1,200 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
-    BlockContainer <body> at (252,10) content-size 538x398.90625 children: inline
-      line 0 width: 228.3125, height: 21.828125, bottom: 21.828125, baseline: 16.890625
-        frag 0 from TextNode start: 1, length: 5, rect: [554,10 63.703125x21.828125]
+    BlockContainer <body> at (252,10) content-size 538x399.1875 children: inline
+      line 0 width: 228.34375, height: 21.84375, bottom: 21.84375, baseline: 16.921875
+        frag 0 from TextNode start: 1, length: 5, rect: [554,10 63.71875x21.84375]
           "Lorem"
-        frag 1 from TextNode start: 6, length: 1, rect: [617.703125,10 12.5625x21.828125]
+        frag 1 from TextNode start: 6, length: 1, rect: [617.71875,10 12.546875x21.84375]
           " "
-        frag 2 from TextNode start: 7, length: 5, rect: [630.265625,10 56.609375x21.828125]
+        frag 2 from TextNode start: 7, length: 5, rect: [630.265625,10 56.625x21.84375]
           "ipsum"
-        frag 3 from TextNode start: 12, length: 1, rect: [686.875,10 12.5625x21.828125]
+        frag 3 from TextNode start: 12, length: 1, rect: [686.890625,10 12.546875x21.84375]
           " "
-        frag 4 from TextNode start: 13, length: 5, rect: [699.4375,10 52.046875x21.828125]
+        frag 4 from TextNode start: 13, length: 5, rect: [699.4375,10 52.046875x21.84375]
           "dolor"
-        frag 5 from TextNode start: 18, length: 1, rect: [751.484375,10 12.5625x21.828125]
+        frag 5 from TextNode start: 18, length: 1, rect: [751.484375,10 12.546875x21.84375]
           " "
-        frag 6 from TextNode start: 19, length: 3, rect: [764.046875,10 25.953125x21.828125]
+        frag 6 from TextNode start: 19, length: 3, rect: [764.03125,10 25.953125x21.84375]
           "sit"
-      line 1 width: 183.75, height: 21.828125, bottom: 43.65625, baseline: 16.890625
-        frag 0 from TextNode start: 23, length: 5, rect: [554,31.828125 52.703125x21.828125]
+      line 1 width: 183.78125, height: 21.84375, bottom: 43.6875, baseline: 16.921875
+        frag 0 from TextNode start: 23, length: 5, rect: [554,31.84375 52.71875x21.84375]
           "amet,"
-        frag 1 from TextNode start: 28, length: 1, rect: [606.703125,31.828125 62.25x21.828125]
+        frag 1 from TextNode start: 28, length: 1, rect: [606.71875,31.84375 62.21875x21.84375]
           " "
-        frag 2 from TextNode start: 29, length: 11, rect: [668.953125,31.828125 121.046875x21.828125]
+        frag 2 from TextNode start: 29, length: 11, rect: [668.9375,31.84375 121.0625x21.84375]
           "consectetur"
-      line 2 width: 140.53125, height: 21.828125, bottom: 65.484375, baseline: 16.890625
-        frag 0 from TextNode start: 41, length: 10, rect: [554,53.65625 94.640625x21.828125]
+      line 2 width: 140.5625, height: 21.84375, bottom: 65.53125, baseline: 16.921875
+        frag 0 from TextNode start: 41, length: 10, rect: [554,53.6875 94.65625x21.84375]
           "adipiscing"
-        frag 1 from TextNode start: 51, length: 1, rect: [648.640625,53.65625 105.46875x21.828125]
+        frag 1 from TextNode start: 51, length: 1, rect: [648.65625,53.6875 105.4375x21.84375]
           " "
-        frag 2 from TextNode start: 52, length: 5, rect: [754.109375,53.65625 35.890625x21.828125]
+        frag 2 from TextNode start: 52, length: 5, rect: [754.09375,53.6875 35.90625x21.84375]
           "elit."
-      line 3 width: 144.984375, height: 21.828125, bottom: 87.3125, baseline: 16.890625
-        frag 0 from TextNode start: 58, length: 11, rect: [554,75.484375 123.3125x21.828125]
+      line 3 width: 145, height: 21.84375, bottom: 87.375, baseline: 16.921875
+        frag 0 from TextNode start: 58, length: 11, rect: [554,75.53125 123.3125x21.84375]
           "Suspendisse"
-        frag 1 from TextNode start: 69, length: 1, rect: [677.3125,75.484375 101.015625x21.828125]
+        frag 1 from TextNode start: 69, length: 1, rect: [677.3125,75.53125 101x21.84375]
           " "
-        frag 2 from TextNode start: 70, length: 1, rect: [778.328125,75.484375 11.671875x21.828125]
+        frag 2 from TextNode start: 70, length: 1, rect: [778.3125,75.53125 11.6875x21.84375]
           "a"
-      line 4 width: 196.6875, height: 21.828125, bottom: 109.140625, baseline: 16.890625
-        frag 0 from TextNode start: 72, length: 8, rect: [554,97.3125 82.046875x21.828125]
+      line 4 width: 196.703125, height: 21.84375, bottom: 109.21875, baseline: 16.921875
+        frag 0 from TextNode start: 72, length: 8, rect: [554,97.375 82.046875x21.84375]
           "placerat"
-        frag 1 from TextNode start: 80, length: 1, rect: [636.046875,97.3125 29.65625x21.828125]
+        frag 1 from TextNode start: 80, length: 1, rect: [636.046875,97.375 29.640625x21.84375]
           " "
-        frag 2 from TextNode start: 81, length: 7, rect: [665.703125,97.3125 73.859375x21.828125]
+        frag 2 from TextNode start: 81, length: 7, rect: [665.6875,97.375 73.875x21.84375]
           "mauris,"
-        frag 3 from TextNode start: 88, length: 1, rect: [739.5625,97.3125 29.65625x21.828125]
+        frag 3 from TextNode start: 88, length: 1, rect: [739.5625,97.375 29.640625x21.84375]
           " "
-        frag 4 from TextNode start: 89, length: 2, rect: [769.21875,97.3125 20.78125x21.828125]
+        frag 4 from TextNode start: 89, length: 2, rect: [769.203125,97.375 20.78125x21.84375]
           "ut"
-      line 5 width: 234.65625, height: 21.828125, bottom: 130.96875, baseline: 16.890625
-        frag 0 from TextNode start: 92, length: 9, rect: [554,119.140625 101.28125x21.828125]
+      line 5 width: 234.6875, height: 21.84375, bottom: 131.0625, baseline: 16.921875
+        frag 0 from TextNode start: 92, length: 9, rect: [554,119.21875 101.28125x21.84375]
           "elementum"
-        frag 1 from TextNode start: 101, length: 1, rect: [655.28125,119.140625 10.4375x21.828125]
+        frag 1 from TextNode start: 101, length: 1, rect: [655.28125,119.21875 10.4375x21.84375]
           " "
-        frag 2 from TextNode start: 102, length: 3, rect: [665.71875,119.140625 26.375x21.828125]
+        frag 2 from TextNode start: 102, length: 3, rect: [665.71875,119.21875 26.390625x21.84375]
           "mi."
-        frag 3 from TextNode start: 105, length: 1, rect: [692.09375,119.140625 10.4375x21.828125]
+        frag 3 from TextNode start: 105, length: 1, rect: [692.109375,119.21875 10.4375x21.84375]
           " "
-        frag 4 from TextNode start: 106, length: 5, rect: [702.53125,119.140625 56.21875x21.828125]
+        frag 4 from TextNode start: 106, length: 5, rect: [702.546875,119.21875 56.234375x21.84375]
           "Morbi"
-        frag 5 from TextNode start: 111, length: 1, rect: [758.75,119.140625 10.4375x21.828125]
+        frag 5 from TextNode start: 111, length: 1, rect: [758.78125,119.21875 10.4375x21.84375]
           " "
-        frag 6 from TextNode start: 112, length: 2, rect: [769.1875,119.140625 20.78125x21.828125]
+        frag 6 from TextNode start: 112, length: 2, rect: [769.21875,119.21875 20.78125x21.84375]
           "ut"
-      line 6 width: 201.5, height: 21.828125, bottom: 152.796875, baseline: 16.890625
-        frag 0 from TextNode start: 115, length: 8, rect: [554,140.96875 78.765625x21.828125]
+      line 6 width: 201.53125, height: 21.84375, bottom: 152.90625, baseline: 16.921875
+        frag 0 from TextNode start: 115, length: 8, rect: [554,141.0625 78.765625x21.84375]
           "vehicula"
-        frag 1 from TextNode start: 123, length: 1, rect: [632.765625,140.96875 27.25x21.828125]
+        frag 1 from TextNode start: 123, length: 1, rect: [632.765625,141.0625 27.234375x21.84375]
           " "
-        frag 2 from TextNode start: 124, length: 6, rect: [660.015625,140.96875 62.921875x21.828125]
+        frag 2 from TextNode start: 124, length: 6, rect: [660,141.0625 62.9375x21.84375]
           "ipsum,"
-        frag 3 from TextNode start: 130, length: 1, rect: [722.9375,140.96875 27.25x21.828125]
+        frag 3 from TextNode start: 130, length: 1, rect: [722.9375,141.0625 27.234375x21.84375]
           " "
-        frag 4 from TextNode start: 131, length: 4, rect: [750.1875,140.96875 39.8125x21.828125]
+        frag 4 from TextNode start: 131, length: 4, rect: [750.171875,141.0625 39.828125x21.84375]
           "eget"
-      line 7 width: 232.53125, height: 21.828125, bottom: 174.625, baseline: 16.890625
-        frag 0 from TextNode start: 136, length: 8, rect: [554,162.796875 82.046875x21.828125]
+      line 7 width: 232.53125, height: 21.84375, bottom: 174.75, baseline: 16.921875
+        frag 0 from TextNode start: 136, length: 8, rect: [554,162.90625 82.046875x21.84375]
           "placerat"
-        frag 1 from TextNode start: 144, length: 1, rect: [636.046875,162.796875 11.734375x21.828125]
+        frag 1 from TextNode start: 144, length: 1, rect: [636.046875,162.90625 11.734375x21.84375]
           " "
-        frag 2 from TextNode start: 145, length: 6, rect: [647.78125,162.796875 61.875x21.828125]
+        frag 2 from TextNode start: 145, length: 6, rect: [647.78125,162.90625 61.875x21.84375]
           "augue."
-        frag 3 from TextNode start: 151, length: 1, rect: [709.65625,162.796875 11.734375x21.828125]
+        frag 3 from TextNode start: 151, length: 1, rect: [709.65625,162.90625 11.734375x21.84375]
           " "
-        frag 4 from TextNode start: 152, length: 7, rect: [721.390625,162.796875 68.609375x21.828125]
+        frag 4 from TextNode start: 152, length: 7, rect: [721.390625,162.90625 68.609375x21.84375]
           "Integer"
-      line 8 width: 202.953125, height: 21.828125, bottom: 196.453125, baseline: 16.890625
-        frag 0 from TextNode start: 160, length: 6, rect: [554,184.625 70.3125x21.828125]
+      line 8 width: 202.96875, height: 21.84375, bottom: 196.59375, baseline: 16.921875
+        frag 0 from TextNode start: 160, length: 6, rect: [554,184.75 70.3125x21.84375]
           "rutrum"
-        frag 1 from TextNode start: 166, length: 1, rect: [624.3125,184.625 21.015625x21.828125]
+        frag 1 from TextNode start: 166, length: 1, rect: [624.3125,184.75 21x21.84375]
           " "
-        frag 2 from TextNode start: 167, length: 4, rect: [645.328125,184.625 35.09375x21.828125]
+        frag 2 from TextNode start: 167, length: 4, rect: [645.3125,184.75 35.09375x21.84375]
           "nisi"
-        frag 3 from TextNode start: 171, length: 1, rect: [680.421875,184.625 21.015625x21.828125]
+        frag 3 from TextNode start: 171, length: 1, rect: [680.40625,184.75 21x21.84375]
           " "
-        frag 4 from TextNode start: 172, length: 4, rect: [701.4375,184.625 39.8125x21.828125]
+        frag 4 from TextNode start: 172, length: 4, rect: [701.40625,184.75 39.828125x21.84375]
           "eget"
-        frag 5 from TextNode start: 176, length: 1, rect: [741.25,184.625 21.015625x21.828125]
+        frag 5 from TextNode start: 176, length: 1, rect: [741.234375,184.75 21x21.84375]
           " "
-        frag 6 from TextNode start: 177, length: 3, rect: [762.265625,184.625 27.734375x21.828125]
+        frag 6 from TextNode start: 177, length: 3, rect: [762.234375,184.75 27.734375x21.84375]
           "dui"
       line 9 width: 0, height: 0, bottom: 0, baseline: 0
-      line 10 width: 208.8125, height: 21.828125, bottom: 224.28125, baseline: 16.890625
-        frag 0 from TextNode start: 181, length: 7, rect: [252,212.453125 68.984375x21.828125]
+      line 10 width: 208.828125, height: 21.84375, bottom: 224.4375, baseline: 16.921875
+        frag 0 from TextNode start: 181, length: 7, rect: [252,212.59375 68.984375x21.84375]
           "dictum,"
-        frag 1 from TextNode start: 188, length: 1, rect: [320.984375,212.453125 23.59375x21.828125]
+        frag 1 from TextNode start: 188, length: 1, rect: [320.984375,212.59375 23.578125x21.84375]
           " "
-        frag 2 from TextNode start: 189, length: 2, rect: [344.578125,212.453125 23.09375x21.828125]
+        frag 2 from TextNode start: 189, length: 2, rect: [344.5625,212.59375 23.109375x21.84375]
           "eu"
-        frag 3 from TextNode start: 191, length: 1, rect: [367.671875,212.453125 23.59375x21.828125]
+        frag 3 from TextNode start: 191, length: 1, rect: [367.671875,212.59375 23.578125x21.84375]
           " "
-        frag 4 from TextNode start: 192, length: 8, rect: [391.265625,212.453125 96.734375x21.828125]
+        frag 4 from TextNode start: 192, length: 8, rect: [391.25,212.59375 96.734375x21.84375]
           "accumsan"
-      line 11 width: 180.171875, height: 21.828125, bottom: 246.109375, baseline: 16.890625
-        frag 0 from TextNode start: 201, length: 4, rect: [252,234.28125 43.859375x21.828125]
+      line 11 width: 180.1875, height: 21.84375, bottom: 246.28125, baseline: 16.921875
+        frag 0 from TextNode start: 201, length: 4, rect: [252,234.4375 43.875x21.84375]
           "enim"
-        frag 1 from TextNode start: 205, length: 1, rect: [295.859375,234.28125 37.90625x21.828125]
+        frag 1 from TextNode start: 205, length: 1, rect: [295.875,234.4375 37.90625x21.84375]
           " "
-        frag 2 from TextNode start: 206, length: 10, rect: [333.765625,234.28125 93.625x21.828125]
+        frag 2 from TextNode start: 206, length: 10, rect: [333.78125,234.4375 93.625x21.84375]
           "tristique."
-        frag 3 from TextNode start: 216, length: 1, rect: [427.390625,234.28125 37.90625x21.828125]
+        frag 3 from TextNode start: 216, length: 1, rect: [427.40625,234.4375 37.90625x21.84375]
           " "
-        frag 4 from TextNode start: 217, length: 2, rect: [465.296875,234.28125 22.6875x21.828125]
+        frag 4 from TextNode start: 217, length: 2, rect: [465.3125,234.4375 22.6875x21.84375]
           "Ut"
-      line 12 width: 195.25, height: 21.828125, bottom: 267.9375, baseline: 16.890625
-        frag 0 from TextNode start: 220, length: 8, rect: [252,256.109375 80.015625x21.828125]
+      line 12 width: 195.28125, height: 21.84375, bottom: 268.125, baseline: 16.921875
+        frag 0 from TextNode start: 220, length: 8, rect: [252,256.28125 80.015625x21.84375]
           "lobortis"
-        frag 1 from TextNode start: 228, length: 1, rect: [332.015625,256.109375 30.375x21.828125]
+        frag 1 from TextNode start: 228, length: 1, rect: [332.015625,256.28125 30.359375x21.84375]
           " "
-        frag 2 from TextNode start: 229, length: 5, rect: [362.390625,256.109375 55.421875x21.828125]
+        frag 2 from TextNode start: 229, length: 5, rect: [362.375,256.28125 55.4375x21.84375]
           "lorem"
-        frag 3 from TextNode start: 234, length: 1, rect: [417.8125,256.109375 30.375x21.828125]
+        frag 3 from TextNode start: 234, length: 1, rect: [417.8125,256.28125 30.359375x21.84375]
           " "
-        frag 4 from TextNode start: 235, length: 4, rect: [448.1875,256.109375 39.8125x21.828125]
+        frag 4 from TextNode start: 235, length: 4, rect: [448.171875,256.28125 39.828125x21.84375]
           "eget"
-      line 13 width: 222.875, height: 21.828125, bottom: 289.765625, baseline: 16.890625
-        frag 0 from TextNode start: 240, length: 3, rect: [252,277.9375 31.140625x21.828125]
+      line 13 width: 222.921875, height: 21.84375, bottom: 289.96875, baseline: 16.921875
+        frag 0 from TextNode start: 240, length: 3, rect: [252,278.125 31.15625x21.84375]
           "est"
-        frag 1 from TextNode start: 243, length: 1, rect: [283.140625,277.9375 16.5625x21.828125]
+        frag 1 from TextNode start: 243, length: 1, rect: [283.15625,278.125 16.53125x21.84375]
           " "
-        frag 2 from TextNode start: 244, length: 9, rect: [299.703125,277.9375 91.453125x21.828125]
+        frag 2 from TextNode start: 244, length: 9, rect: [299.6875,278.125 91.46875x21.84375]
           "vulputate"
-        frag 3 from TextNode start: 253, length: 1, rect: [391.15625,277.9375 16.5625x21.828125]
+        frag 3 from TextNode start: 253, length: 1, rect: [391.15625,278.125 16.53125x21.84375]
           " "
-        frag 4 from TextNode start: 254, length: 8, rect: [407.71875,277.9375 80.28125x21.828125]
+        frag 4 from TextNode start: 254, length: 8, rect: [407.6875,278.125 80.296875x21.84375]
           "egestas."
-      line 14 width: 223.109375, height: 21.828125, bottom: 311.59375, baseline: 16.890625
-        frag 0 from TextNode start: 263, length: 7, rect: [252,299.765625 68.609375x21.828125]
+      line 14 width: 223.125, height: 21.84375, bottom: 311.8125, baseline: 16.921875
+        frag 0 from TextNode start: 263, length: 7, rect: [252,299.96875 68.609375x21.84375]
           "Integer"
-        frag 1 from TextNode start: 270, length: 1, rect: [320.609375,299.765625 16.4375x21.828125]
+        frag 1 from TextNode start: 270, length: 1, rect: [320.609375,299.96875 16.4375x21.84375]
           " "
-        frag 2 from TextNode start: 271, length: 7, rect: [337.046875,299.765625 71.328125x21.828125]
+        frag 2 from TextNode start: 271, length: 7, rect: [337.046875,299.96875 71.328125x21.84375]
           "laoreet"
-        frag 3 from TextNode start: 278, length: 1, rect: [408.375,299.765625 16.4375x21.828125]
+        frag 3 from TextNode start: 278, length: 1, rect: [408.375,299.96875 16.4375x21.84375]
           " "
-        frag 4 from TextNode start: 279, length: 7, rect: [424.8125,299.765625 63.171875x21.828125]
+        frag 4 from TextNode start: 279, length: 7, rect: [424.8125,299.96875 63.1875x21.84375]
           "lacinia"
-      line 15 width: 222.59375, height: 21.828125, bottom: 333.421875, baseline: 16.890625
-        frag 0 from TextNode start: 287, length: 4, rect: [252,321.59375 43.15625x21.828125]
+      line 15 width: 222.609375, height: 21.84375, bottom: 333.65625, baseline: 16.921875
+        frag 0 from TextNode start: 287, length: 4, rect: [252,321.8125 43.15625x21.84375]
           "ante"
-        frag 1 from TextNode start: 291, length: 1, rect: [295.15625,321.59375 16.703125x21.828125]
+        frag 1 from TextNode start: 291, length: 1, rect: [295.15625,321.8125 16.6875x21.84375]
           " "
-        frag 2 from TextNode start: 292, length: 7, rect: [311.859375,321.59375 74x21.828125]
+        frag 2 from TextNode start: 292, length: 7, rect: [311.84375,321.8125 74x21.84375]
           "sodales"
-        frag 3 from TextNode start: 299, length: 1, rect: [385.859375,321.59375 16.703125x21.828125]
+        frag 3 from TextNode start: 299, length: 1, rect: [385.84375,321.8125 16.6875x21.84375]
           " "
-        frag 4 from TextNode start: 300, length: 9, rect: [402.5625,321.59375 85.4375x21.828125]
+        frag 4 from TextNode start: 300, length: 9, rect: [402.53125,321.8125 85.453125x21.84375]
           "lobortis."
-      line 16 width: 178.28125, height: 21.828125, bottom: 355.25, baseline: 16.890625
-        frag 0 from TextNode start: 310, length: 5, rect: [252,343.421875 60.890625x21.828125]
+      line 16 width: 178.3125, height: 21.84375, bottom: 355.5, baseline: 16.921875
+        frag 0 from TextNode start: 310, length: 5, rect: [252,343.65625 60.90625x21.84375]
           "Donec"
-        frag 1 from TextNode start: 315, length: 1, rect: [312.890625,343.421875 38.859375x21.828125]
+        frag 1 from TextNode start: 315, length: 1, rect: [312.90625,343.65625 38.84375x21.84375]
           " "
-        frag 2 from TextNode start: 316, length: 1, rect: [351.75,343.421875 11.671875x21.828125]
+        frag 2 from TextNode start: 316, length: 1, rect: [351.75,343.65625 11.6875x21.84375]
           "a"
-        frag 3 from TextNode start: 317, length: 1, rect: [363.421875,343.421875 38.859375x21.828125]
+        frag 3 from TextNode start: 317, length: 1, rect: [363.4375,343.65625 38.84375x21.84375]
           " "
-        frag 4 from TextNode start: 318, length: 9, rect: [402.28125,343.421875 85.71875x21.828125]
+        frag 4 from TextNode start: 318, length: 9, rect: [402.28125,343.65625 85.71875x21.84375]
           "tincidunt"
-      line 17 width: 231.0625, height: 21.828125, bottom: 377.078125, baseline: 16.890625
-        frag 0 from TextNode start: 328, length: 5, rect: [252,365.25 48.59375x21.828125]
+      line 17 width: 231.078125, height: 21.84375, bottom: 377.34375, baseline: 16.921875
+        frag 0 from TextNode start: 328, length: 5, rect: [252,365.5 48.59375x21.84375]
           "ante."
-        frag 1 from TextNode start: 333, length: 1, rect: [300.59375,365.25 11.640625x21.828125]
+        frag 1 from TextNode start: 333, length: 1, rect: [300.59375,365.5 11.640625x21.84375]
           " "
-        frag 2 from TextNode start: 334, length: 9, rect: [312.234375,365.25 94.765625x21.828125]
+        frag 2 from TextNode start: 334, length: 9, rect: [312.234375,365.5 94.765625x21.84375]
           "Phasellus"
-        frag 3 from TextNode start: 343, length: 1, rect: [407,365.25 11.640625x21.828125]
+        frag 3 from TextNode start: 343, length: 1, rect: [407,365.5 11.640625x21.84375]
           " "
-        frag 4 from TextNode start: 344, length: 1, rect: [418.640625,365.25 11.671875x21.828125]
+        frag 4 from TextNode start: 344, length: 1, rect: [418.640625,365.5 11.6875x21.84375]
           "a"
-        frag 5 from TextNode start: 345, length: 1, rect: [430.3125,365.25 11.640625x21.828125]
+        frag 5 from TextNode start: 345, length: 1, rect: [430.328125,365.5 11.640625x21.84375]
           " "
-        frag 6 from TextNode start: 346, length: 4, rect: [441.953125,365.25 46.03125x21.828125]
+        frag 6 from TextNode start: 346, length: 4, rect: [441.96875,365.5 46.03125x21.84375]
           "arcu"
-      line 18 width: 70.546875, height: 21.828125, bottom: 398.90625, baseline: 16.890625
-        frag 0 from TextNode start: 351, length: 7, rect: [252,387.078125 70.546875x21.828125]
+      line 18 width: 70.546875, height: 21.84375, bottom: 399.1875, baseline: 16.921875
+        frag 0 from TextNode start: 351, length: 7, rect: [252,387.34375 70.546875x21.84375]
           "tortor."
       BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline
       TextNode <#text>
@@ -203,7 +203,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
-    PaintableWithLines (BlockContainer<BODY>) [251,9 540x400.90625]
+    PaintableWithLines (BlockContainer<BODY>) [251,9 540x401.1875]
       PaintableWithLines (BlockContainer<DIV>.left) [252,10 302x202]
       PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202]
       TextPaintable (TextNode<#text>)

+ 38 - 38
Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-text-in-between.txt

@@ -1,60 +1,60 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (1,1) content-size 798x600 [BFC] children: not-inline
-    BlockContainer <body> at (252,10) content-size 538x398.90625 children: inline
-      line 0 width: 228.3125, height: 21.828125, bottom: 21.828125, baseline: 16.890625
-        frag 0 from TextNode start: 1, length: 21, rect: [554,10 228.3125x21.828125]
+    BlockContainer <body> at (252,10) content-size 538x399.1875 children: inline
+      line 0 width: 228.34375, height: 21.84375, bottom: 21.84375, baseline: 16.921875
+        frag 0 from TextNode start: 1, length: 21, rect: [554,10 228.34375x21.84375]
           "Lorem ipsum dolor sit"
-      line 1 width: 183.75, height: 21.828125, bottom: 43.65625, baseline: 16.890625
-        frag 0 from TextNode start: 23, length: 17, rect: [554,31.828125 183.75x21.828125]
+      line 1 width: 183.78125, height: 21.84375, bottom: 43.6875, baseline: 16.921875
+        frag 0 from TextNode start: 23, length: 17, rect: [554,31.84375 183.78125x21.84375]
           "amet, consectetur"
-      line 2 width: 140.53125, height: 21.828125, bottom: 65.484375, baseline: 16.890625
-        frag 0 from TextNode start: 41, length: 16, rect: [554,53.65625 140.53125x21.828125]
+      line 2 width: 140.5625, height: 21.84375, bottom: 65.53125, baseline: 16.921875
+        frag 0 from TextNode start: 41, length: 16, rect: [554,53.6875 140.5625x21.84375]
           "adipiscing elit."
-      line 3 width: 144.984375, height: 21.828125, bottom: 87.3125, baseline: 16.890625
-        frag 0 from TextNode start: 58, length: 13, rect: [554,75.484375 144.984375x21.828125]
+      line 3 width: 145, height: 21.84375, bottom: 87.375, baseline: 16.921875
+        frag 0 from TextNode start: 58, length: 13, rect: [554,75.53125 145x21.84375]
           "Suspendisse a"
-      line 4 width: 196.6875, height: 21.828125, bottom: 109.140625, baseline: 16.890625
-        frag 0 from TextNode start: 72, length: 19, rect: [554,97.3125 196.6875x21.828125]
+      line 4 width: 196.703125, height: 21.84375, bottom: 109.21875, baseline: 16.921875
+        frag 0 from TextNode start: 72, length: 19, rect: [554,97.375 196.703125x21.84375]
           "placerat mauris, ut"
-      line 5 width: 234.65625, height: 21.828125, bottom: 130.96875, baseline: 16.890625
-        frag 0 from TextNode start: 92, length: 22, rect: [554,119.140625 234.65625x21.828125]
+      line 5 width: 234.6875, height: 21.84375, bottom: 131.0625, baseline: 16.921875
+        frag 0 from TextNode start: 92, length: 22, rect: [554,119.21875 234.6875x21.84375]
           "elementum mi. Morbi ut"
-      line 6 width: 201.5, height: 21.828125, bottom: 152.796875, baseline: 16.890625
-        frag 0 from TextNode start: 115, length: 20, rect: [554,140.96875 201.5x21.828125]
+      line 6 width: 201.53125, height: 21.84375, bottom: 152.90625, baseline: 16.921875
+        frag 0 from TextNode start: 115, length: 20, rect: [554,141.0625 201.53125x21.84375]
           "vehicula ipsum, eget"
-      line 7 width: 232.53125, height: 21.828125, bottom: 174.625, baseline: 16.890625
-        frag 0 from TextNode start: 136, length: 23, rect: [554,162.796875 232.53125x21.828125]
+      line 7 width: 232.53125, height: 21.84375, bottom: 174.75, baseline: 16.921875
+        frag 0 from TextNode start: 136, length: 23, rect: [554,162.90625 232.53125x21.84375]
           "placerat augue. Integer"
-      line 8 width: 202.953125, height: 21.828125, bottom: 196.453125, baseline: 16.890625
-        frag 0 from TextNode start: 160, length: 20, rect: [554,184.625 202.953125x21.828125]
+      line 8 width: 202.96875, height: 21.84375, bottom: 196.59375, baseline: 16.921875
+        frag 0 from TextNode start: 160, length: 20, rect: [554,184.75 202.96875x21.84375]
           "rutrum nisi eget dui"
       line 9 width: 0, height: 0, bottom: 0, baseline: 0
-      line 10 width: 208.8125, height: 21.828125, bottom: 224.28125, baseline: 16.890625
-        frag 0 from TextNode start: 181, length: 19, rect: [252,212.453125 208.8125x21.828125]
+      line 10 width: 208.828125, height: 21.84375, bottom: 224.4375, baseline: 16.921875
+        frag 0 from TextNode start: 181, length: 19, rect: [252,212.59375 208.828125x21.84375]
           "dictum, eu accumsan"
-      line 11 width: 180.171875, height: 21.828125, bottom: 246.109375, baseline: 16.890625
-        frag 0 from TextNode start: 201, length: 18, rect: [252,234.28125 180.171875x21.828125]
+      line 11 width: 180.1875, height: 21.84375, bottom: 246.28125, baseline: 16.921875
+        frag 0 from TextNode start: 201, length: 18, rect: [252,234.4375 180.1875x21.84375]
           "enim tristique. Ut"
-      line 12 width: 195.25, height: 21.828125, bottom: 267.9375, baseline: 16.890625
-        frag 0 from TextNode start: 220, length: 19, rect: [252,256.109375 195.25x21.828125]
+      line 12 width: 195.28125, height: 21.84375, bottom: 268.125, baseline: 16.921875
+        frag 0 from TextNode start: 220, length: 19, rect: [252,256.28125 195.28125x21.84375]
           "lobortis lorem eget"
-      line 13 width: 222.875, height: 21.828125, bottom: 289.765625, baseline: 16.890625
-        frag 0 from TextNode start: 240, length: 22, rect: [252,277.9375 222.875x21.828125]
+      line 13 width: 222.921875, height: 21.84375, bottom: 289.96875, baseline: 16.921875
+        frag 0 from TextNode start: 240, length: 22, rect: [252,278.125 222.921875x21.84375]
           "est vulputate egestas."
-      line 14 width: 223.109375, height: 21.828125, bottom: 311.59375, baseline: 16.890625
-        frag 0 from TextNode start: 263, length: 23, rect: [252,299.765625 223.109375x21.828125]
+      line 14 width: 223.125, height: 21.84375, bottom: 311.8125, baseline: 16.921875
+        frag 0 from TextNode start: 263, length: 23, rect: [252,299.96875 223.125x21.84375]
           "Integer laoreet lacinia"
-      line 15 width: 222.59375, height: 21.828125, bottom: 333.421875, baseline: 16.890625
-        frag 0 from TextNode start: 287, length: 22, rect: [252,321.59375 222.59375x21.828125]
+      line 15 width: 222.609375, height: 21.84375, bottom: 333.65625, baseline: 16.921875
+        frag 0 from TextNode start: 287, length: 22, rect: [252,321.8125 222.609375x21.84375]
           "ante sodales lobortis."
-      line 16 width: 178.28125, height: 21.828125, bottom: 355.25, baseline: 16.890625
-        frag 0 from TextNode start: 310, length: 17, rect: [252,343.421875 178.28125x21.828125]
+      line 16 width: 178.3125, height: 21.84375, bottom: 355.5, baseline: 16.921875
+        frag 0 from TextNode start: 310, length: 17, rect: [252,343.65625 178.3125x21.84375]
           "Donec a tincidunt"
-      line 17 width: 231.0625, height: 21.828125, bottom: 377.078125, baseline: 16.890625
-        frag 0 from TextNode start: 328, length: 22, rect: [252,365.25 231.0625x21.828125]
+      line 17 width: 231.078125, height: 21.84375, bottom: 377.34375, baseline: 16.921875
+        frag 0 from TextNode start: 328, length: 22, rect: [252,365.5 231.078125x21.84375]
           "ante. Phasellus a arcu"
-      line 18 width: 70.546875, height: 21.828125, bottom: 398.90625, baseline: 16.890625
-        frag 0 from TextNode start: 351, length: 7, rect: [252,387.078125 70.546875x21.828125]
+      line 18 width: 70.546875, height: 21.84375, bottom: 399.1875, baseline: 16.921875
+        frag 0 from TextNode start: 351, length: 7, rect: [252,387.34375 70.546875x21.84375]
           "tortor."
       BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline
       TextNode <#text>
@@ -63,7 +63,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
-    PaintableWithLines (BlockContainer<BODY>) [251,9 540x400.90625]
+    PaintableWithLines (BlockContainer<BODY>) [251,9 540x401.1875]
       PaintableWithLines (BlockContainer<DIV>.left) [252,10 302x202]
       PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202]
       TextPaintable (TextNode<#text>)

+ 14 - 14
Tests/LibWeb/Layout/expected/block-and-inline/max-width-for-box-with-inline-children.txt

@@ -1,22 +1,22 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (1,1) content-size 798x185.734375 [BFC] children: not-inline
-    BlockContainer <body> at (10,10) content-size 204x167.734375 children: not-inline
-      BlockContainer <div.outer> at (11,11) content-size 202x165.734375 children: not-inline
-        BlockContainer <div.inner> at (12,12) content-size 200x163.734375 children: inline
-          line 0 width: 88.765625, height: 54.578125, bottom: 54.578125, baseline: 42.265625
-            frag 0 from TextNode start: 0, length: 4, rect: [12,12 88.765625x54.578125]
+  BlockContainer <html> at (1,1) content-size 798x185.78125 [BFC] children: not-inline
+    BlockContainer <body> at (10,10) content-size 204x167.78125 children: not-inline
+      BlockContainer <div.outer> at (11,11) content-size 202x165.78125 children: not-inline
+        BlockContainer <div.inner> at (12,12) content-size 200x163.78125 children: inline
+          line 0 width: 88.765625, height: 54.59375, bottom: 54.59375, baseline: 42.28125
+            frag 0 from TextNode start: 0, length: 4, rect: [12,12 88.765625x54.59375]
               "well"
-          line 1 width: 115.125, height: 54.578125, bottom: 109.15625, baseline: 42.265625
-            frag 0 from TextNode start: 5, length: 5, rect: [12,66.578125 115.125x54.578125]
+          line 1 width: 115.140625, height: 54.59375, bottom: 109.1875, baseline: 42.28125
+            frag 0 from TextNode start: 5, length: 5, rect: [12,66.59375 115.140625x54.59375]
               "hello"
-          line 2 width: 172.984375, height: 54.578125, bottom: 163.734375, baseline: 42.265625
-            frag 0 from TextNode start: 11, length: 7, rect: [12,121.15625 172.984375x54.578125]
+          line 2 width: 173, height: 54.59375, bottom: 163.78125, baseline: 42.28125
+            frag 0 from TextNode start: 11, length: 7, rect: [12,121.1875 173x54.59375]
               "friends"
           TextNode <#text>
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x187.734375]
-    PaintableWithLines (BlockContainer<BODY>) [9,9 206x169.734375]
-      PaintableWithLines (BlockContainer<DIV>.outer) [10,10 204x167.734375]
-        PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x165.734375]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x187.78125]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 206x169.78125]
+      PaintableWithLines (BlockContainer<DIV>.outer) [10,10 204x167.78125]
+        PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x165.78125]
           TextPaintable (TextNode<#text>)

+ 10 - 10
Tests/LibWeb/Layout/expected/block-and-inline/min-width-for-box-with-inline-children.txt

@@ -1,16 +1,16 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (1,1) content-size 798x76.578125 [BFC] children: not-inline
-    BlockContainer <body> at (10,10) content-size 604x58.578125 children: not-inline
-      BlockContainer <div.outer> at (11,11) content-size 602x56.578125 children: not-inline
-        BlockContainer <div.inner> at (12,12) content-size 600x54.578125 children: inline
-          line 0 width: 426.875, height: 54.578125, bottom: 54.578125, baseline: 42.265625
-            frag 0 from TextNode start: 0, length: 18, rect: [12,12 426.875x54.578125]
+  BlockContainer <html> at (1,1) content-size 798x76.59375 [BFC] children: not-inline
+    BlockContainer <body> at (10,10) content-size 604x58.59375 children: not-inline
+      BlockContainer <div.outer> at (11,11) content-size 602x56.59375 children: not-inline
+        BlockContainer <div.inner> at (12,12) content-size 600x54.59375 children: inline
+          line 0 width: 426.90625, height: 54.59375, bottom: 54.59375, baseline: 42.28125
+            frag 0 from TextNode start: 0, length: 18, rect: [12,12 426.90625x54.59375]
               "well hello friends"
           TextNode <#text>
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x78.578125]
-    PaintableWithLines (BlockContainer<BODY>) [9,9 606x60.578125]
-      PaintableWithLines (BlockContainer<DIV>.outer) [10,10 604x58.578125]
-        PaintableWithLines (BlockContainer<DIV>.inner) [11,11 602x56.578125]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x78.59375]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 606x60.59375]
+      PaintableWithLines (BlockContainer<DIV>.outer) [10,10 604x58.59375]
+        PaintableWithLines (BlockContainer<DIV>.inner) [11,11 602x56.59375]
           TextPaintable (TextNode<#text>)

+ 12 - 12
Tests/LibWeb/Layout/expected/box-sizing-border-box-for-definite-sizes-without-layout.txt

@@ -1,18 +1,18 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x66.90625 [BFC] children: not-inline
-    BlockContainer <body> at (8,8) content-size 784x50.90625 children: inline
-      line 0 width: 89.71875, height: 50.90625, bottom: 50.90625, baseline: 16.890625
-        frag 0 from Box start: 0, length: 0, rect: [28,38.90625 49.71875x0]
-      Box <div.button> at (28,38.90625) content-size 49.71875x0 flex-container(row) [FFC] children: not-inline
-        BlockContainer <(anonymous)> at (28,28) content-size 49.71875x21.828125 flex-item [BFC] children: inline
-          line 0 width: 49.71875, height: 21.828125, bottom: 21.828125, baseline: 16.890625
-            frag 0 from TextNode start: 0, length: 5, rect: [28,28 49.71875x21.828125]
+  BlockContainer <html> at (0,0) content-size 800x66.921875 [BFC] children: not-inline
+    BlockContainer <body> at (8,8) content-size 784x50.921875 children: inline
+      line 0 width: 89.71875, height: 50.921875, bottom: 50.921875, baseline: 16.921875
+        frag 0 from Box start: 0, length: 0, rect: [28,38.921875 49.71875x0]
+      Box <div.button> at (28,38.921875) content-size 49.71875x0 flex-container(row) [FFC] children: not-inline
+        BlockContainer <(anonymous)> at (28,28) content-size 49.71875x21.84375 flex-item [BFC] children: inline
+          line 0 width: 49.71875, height: 21.84375, bottom: 21.84375, baseline: 16.921875
+            frag 0 from TextNode start: 0, length: 5, rect: [28,28 49.71875x21.84375]
               "Hello"
           TextNode <#text>
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x66.90625]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x50.90625]
-      PaintableBox (Box<DIV>.button) [8,18.90625 89.71875x40]
-        PaintableWithLines (BlockContainer(anonymous)) [28,28 49.71875x21.828125]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x66.921875]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x50.921875]
+      PaintableBox (Box<DIV>.button) [8,18.921875 89.71875x40]
+        PaintableWithLines (BlockContainer(anonymous)) [28,28 49.71875x21.84375]
           TextPaintable (TextNode<#text>)

+ 6 - 6
Tests/LibWeb/Layout/expected/css-ex-unit.txt

@@ -1,9 +1,9 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x177.015625 [BFC] children: not-inline
-    BlockContainer <body> at (8,8) content-size 784x161.015625 children: not-inline
-      BlockContainer <div> at (8,8) content-size 107.34375x161.015625 children: not-inline
+  BlockContainer <html> at (0,0) content-size 800x177.25 [BFC] children: not-inline
+    BlockContainer <body> at (8,8) content-size 784x161.25 children: not-inline
+      BlockContainer <div> at (8,8) content-size 107.5x161.25 children: not-inline
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x177.015625]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x161.015625]
-      PaintableWithLines (BlockContainer<DIV>) [8,8 107.34375x161.015625]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x177.25]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x161.25]
+      PaintableWithLines (BlockContainer<DIV>) [8,8 107.5x161.25]

+ 6 - 6
Tests/LibWeb/Layout/expected/css-font-size-calc.txt

@@ -1,12 +1,12 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x125.171875 [BFC] children: not-inline
-    BlockContainer <body> at (8,8) content-size 784x109.171875 children: inline
-      line 0 width: 644.609375, height: 109.171875, bottom: 109.171875, baseline: 84.546875
-        frag 0 from TextNode start: 0, length: 13, rect: [8,8 644.609375x109.171875]
+  BlockContainer <html> at (0,0) content-size 800x125.1875 [BFC] children: not-inline
+    BlockContainer <body> at (8,8) content-size 784x109.1875 children: inline
+      line 0 width: 644.625, height: 109.1875, bottom: 109.1875, baseline: 84.578125
+        frag 0 from TextNode start: 0, length: 13, rect: [8,8 644.625x109.1875]
           "Hello friends"
       TextNode <#text>
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x125.171875]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x109.171875]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x125.1875]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x109.1875]
       TextPaintable (TextNode<#text>)

+ 4 - 4
Tests/LibWeb/Layout/expected/css-import-rule.txt

@@ -1,12 +1,12 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
-    BlockContainer <body> at (8,8) content-size 784x54.578125 children: inline
-      line 0 width: 137.640625, height: 54.578125, bottom: 54.578125, baseline: 42.265625
-        frag 0 from TextNode start: 0, length: 5, rect: [8,8 137.640625x54.578125]
+    BlockContainer <body> at (8,8) content-size 784x54.59375 children: inline
+      line 0 width: 137.640625, height: 54.59375, bottom: 54.59375, baseline: 42.28125
+        frag 0 from TextNode start: 0, length: 5, rect: [8,8 137.640625x54.59375]
           "Crazy"
       TextNode <#text>
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x54.578125]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x54.59375]
       TextPaintable (TextNode<#text>)

+ 4 - 4
Tests/LibWeb/Layout/expected/css-imported-sheet-with-media-rule.txt

@@ -1,12 +1,12 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
-    BlockContainer <body> at (8,8) content-size 784x109.171875 children: inline
-      line 0 width: 275.28125, height: 109.171875, bottom: 109.171875, baseline: 84.546875
-        frag 0 from TextNode start: 0, length: 5, rect: [8,8 275.28125x109.171875]
+    BlockContainer <body> at (8,8) content-size 784x109.1875 children: inline
+      line 0 width: 275.296875, height: 109.1875, bottom: 109.1875, baseline: 84.578125
+        frag 0 from TextNode start: 0, length: 5, rect: [8,8 275.296875x109.1875]
           "Crazy"
       TextNode <#text>
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x109.171875]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x109.1875]
       TextPaintable (TextNode<#text>)

+ 2 - 2
Tests/LibWeb/Layout/expected/css-line-height-percentage-inheritance.txt

@@ -2,8 +2,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (1,1) content-size 798x52 [BFC] children: not-inline
     BlockContainer <body> at (10,10) content-size 780x34 children: not-inline
       BlockContainer <div> at (11,11) content-size 778x32 children: inline
-        line 0 width: 552.09375, height: 32, bottom: 32, baseline: 27.984375
-          frag 0 from TextNode start: 0, length: 25, rect: [11,11 552.09375x32]
+        line 0 width: 552.125, height: 32, bottom: 32, baseline: 28
+          frag 0 from TextNode start: 0, length: 25, rect: [11,11 552.125x32]
             "The Linux Kernel Archives"
         TextNode <#text>
 

+ 8 - 8
Tests/LibWeb/Layout/expected/css-namespace-rule-matches.txt

@@ -1,21 +1,21 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
-    BlockContainer <body> at (8,20) content-size 784x21.828125 children: not-inline
-      BlockContainer <p> at (8,20) content-size 784x21.828125 children: inline
-        line 0 width: 183.875, height: 21.828125, bottom: 21.828125, baseline: 16.890625
-          frag 0 from TextNode start: 0, length: 15, rect: [18,20 163.875x21.828125]
+    BlockContainer <body> at (8,20) content-size 784x21.84375 children: not-inline
+      BlockContainer <p> at (8,20) content-size 784x21.84375 children: inline
+        line 0 width: 183.890625, height: 21.84375, bottom: 21.84375, baseline: 16.921875
+          frag 0 from TextNode start: 0, length: 15, rect: [18,20 163.890625x21.84375]
             "Should be green"
         TextNode <#text>
         InlineNode <a>
           TextNode <#text>
         TextNode <#text>
-      BlockContainer <(anonymous)> at (8,61.828125) content-size 784x0 children: inline
+      BlockContainer <(anonymous)> at (8,61.84375) content-size 784x0 children: inline
         TextNode <#text>
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
-    PaintableWithLines (BlockContainer<BODY>) [8,20 784x21.828125] overflow: [8,20 784x41.828125]
-      PaintableWithLines (BlockContainer<P>) [8,20 784x21.828125]
+    PaintableWithLines (BlockContainer<BODY>) [8,20 784x21.84375] overflow: [8,20 784x41.84375]
+      PaintableWithLines (BlockContainer<P>) [8,20 784x21.84375]
         InlinePaintable (InlineNode<A>)
           TextPaintable (TextNode<#text>)
-      PaintableWithLines (BlockContainer(anonymous)) [8,61.828125 784x0]
+      PaintableWithLines (BlockContainer(anonymous)) [8,61.84375 784x0]

+ 8 - 8
Tests/LibWeb/Layout/expected/css-namespace-rule-no-match.txt

@@ -1,21 +1,21 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
-    BlockContainer <body> at (8,20) content-size 784x21.828125 children: not-inline
-      BlockContainer <p> at (8,20) content-size 784x21.828125 children: inline
-        line 0 width: 151.328125, height: 21.828125, bottom: 21.828125, baseline: 16.890625
-          frag 0 from TextNode start: 0, length: 13, rect: [13,20 141.328125x21.828125]
+    BlockContainer <body> at (8,20) content-size 784x21.84375 children: not-inline
+      BlockContainer <p> at (8,20) content-size 784x21.84375 children: inline
+        line 0 width: 151.34375, height: 21.84375, bottom: 21.84375, baseline: 16.921875
+          frag 0 from TextNode start: 0, length: 13, rect: [13,20 141.34375x21.84375]
             "Should be red"
         TextNode <#text>
         InlineNode <a>
           TextNode <#text>
         TextNode <#text>
-      BlockContainer <(anonymous)> at (8,61.828125) content-size 784x0 children: inline
+      BlockContainer <(anonymous)> at (8,61.84375) content-size 784x0 children: inline
         TextNode <#text>
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
-    PaintableWithLines (BlockContainer<BODY>) [8,20 784x21.828125] overflow: [8,20 784x41.828125]
-      PaintableWithLines (BlockContainer<P>) [8,20 784x21.828125]
+    PaintableWithLines (BlockContainer<BODY>) [8,20 784x21.84375] overflow: [8,20 784x41.84375]
+      PaintableWithLines (BlockContainer<P>) [8,20 784x21.84375]
         InlinePaintable (InlineNode<A>)
           TextPaintable (TextNode<#text>)
-      PaintableWithLines (BlockContainer(anonymous)) [8,61.828125 784x0]
+      PaintableWithLines (BlockContainer(anonymous)) [8,61.84375 784x0]

+ 6 - 6
Tests/LibWeb/Layout/expected/css-values/trigonometric-functions.txt

@@ -1,9 +1,9 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (0,0) content-size 800x996 [BFC] children: not-inline
     BlockContainer <body> at (8,8) content-size 784x980 children: not-inline
-      BlockContainer <div.sin> at (8,8) content-size 79.984375x100 positioned children: not-inline
-      BlockContainer <div.cos> at (8,108) content-size 99.984375x100 positioned children: not-inline
-      BlockContainer <div.tan> at (8,208) content-size 119.984375x100 positioned children: not-inline
+      BlockContainer <div.sin> at (8,8) content-size 80x100 positioned children: not-inline
+      BlockContainer <div.cos> at (8,108) content-size 100x100 positioned children: not-inline
+      BlockContainer <div.tan> at (8,208) content-size 120x100 positioned children: not-inline
       BlockContainer <div.asin> at (8,308) content-size 100x140 positioned children: not-inline
       BlockContainer <div.acos> at (8,448) content-size 100x160 positioned children: not-inline
       BlockContainer <div.atan> at (8,608) content-size 100x180 positioned children: not-inline
@@ -14,9 +14,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x996]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x996]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x980]
-      PaintableWithLines (BlockContainer<DIV>.sin) [8,8 79.984375x100]
-      PaintableWithLines (BlockContainer<DIV>.cos) [8,108 99.984375x100]
-      PaintableWithLines (BlockContainer<DIV>.tan) [8,208 119.984375x100]
+      PaintableWithLines (BlockContainer<DIV>.sin) [8,8 80x100]
+      PaintableWithLines (BlockContainer<DIV>.cos) [8,108 100x100]
+      PaintableWithLines (BlockContainer<DIV>.tan) [8,208 120x100]
       PaintableWithLines (BlockContainer<DIV>.asin) [8,308 100x140]
       PaintableWithLines (BlockContainer<DIV>.acos) [8,448 100x160]
       PaintableWithLines (BlockContainer<DIV>.atan) [8,608 100x180]

+ 9 - 9
Tests/LibWeb/Layout/expected/flex-auto.txt

@@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       Box <div.container> at (9,9) content-size 500x102 flex-container(row) [FFC] children: not-inline
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (10,10) content-size 164.65625x100 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (10,10) content-size 164.671875x100 flex-item [BFC] children: inline
           line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
             frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
               "1"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (176.65625,10) content-size 164.65625x100 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (176.671875,10) content-size 164.671875x100 flex-item [BFC] children: inline
           line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 1, rect: [176.65625,10 8.8125x17.46875]
+            frag 0 from TextNode start: 0, length: 1, rect: [176.671875,10 8.8125x17.46875]
               "2"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (343.3125,10) content-size 164.65625x100 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (343.34375,10) content-size 164.671875x100 flex-item [BFC] children: inline
           line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 1, rect: [343.3125,10 9.09375x17.46875]
+            frag 0 from TextNode start: 0, length: 1, rect: [343.34375,10 9.09375x17.46875]
               "3"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@@ -31,11 +31,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
-      PaintableBox (Box<DIV>.container) [8,8 502x104]
-        PaintableWithLines (BlockContainer<DIV>.box) [9,9 166.65625x102]
+      PaintableBox (Box<DIV>.container) [8,8 502x104] overflow: [9,9 500.015625x102]
+        PaintableWithLines (BlockContainer<DIV>.box) [9,9 166.671875x102]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [175.65625,9 166.65625x102]
+        PaintableWithLines (BlockContainer<DIV>.box) [175.671875,9 166.671875x102]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [342.3125,9 166.65625x102]
+        PaintableWithLines (BlockContainer<DIV>.box) [342.34375,9 166.671875x102]
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,112 784x0]

+ 9 - 9
Tests/LibWeb/Layout/expected/flex-column-constrained-nowrap.txt

@@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       Box <div.container.column> at (9,9) content-size 782x250 flex-container(column) [FFC] children: not-inline
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (10,10) content-size 100x81.34375 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (10,10) content-size 100x81.328125 flex-item [BFC] children: inline
           line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
             frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
               "1"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (10,93.34375) content-size 100x81.34375 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (10,93.328125) content-size 100x81.328125 flex-item [BFC] children: inline
           line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 1, rect: [10,93.34375 8.8125x17.46875]
+            frag 0 from TextNode start: 0, length: 1, rect: [10,93.328125 8.8125x17.46875]
               "2"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (10,176.6875) content-size 100x81.34375 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (10,176.65625) content-size 100x81.328125 flex-item [BFC] children: inline
           line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 1, rect: [10,176.6875 9.09375x17.46875]
+            frag 0 from TextNode start: 0, length: 1, rect: [10,176.65625 9.09375x17.46875]
               "3"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@@ -31,11 +31,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x252]
-      PaintableBox (Box<DIV>.container.column) [8,8 784x252] overflow: [9,9 782x250.03125]
-        PaintableWithLines (BlockContainer<DIV>.box) [9,9 102x83.34375]
+      PaintableBox (Box<DIV>.container.column) [8,8 784x252]
+        PaintableWithLines (BlockContainer<DIV>.box) [9,9 102x83.328125]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [9,92.34375 102x83.34375]
+        PaintableWithLines (BlockContainer<DIV>.box) [9,92.328125 102x83.328125]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [9,175.6875 102x83.34375]
+        PaintableWithLines (BlockContainer<DIV>.box) [9,175.65625 102x83.328125]
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,260 784x0]

+ 9 - 9
Tests/LibWeb/Layout/expected/flex-column-height-constrained-width-constrained.txt

@@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       Box <div.container.column> at (9,9) content-size 250x250 flex-container(column) [FFC] children: not-inline
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (10,10) content-size 100x81.34375 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (10,10) content-size 100x81.328125 flex-item [BFC] children: inline
           line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
             frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
               "1"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (10,93.34375) content-size 100x81.34375 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (10,93.328125) content-size 100x81.328125 flex-item [BFC] children: inline
           line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 1, rect: [10,93.34375 8.8125x17.46875]
+            frag 0 from TextNode start: 0, length: 1, rect: [10,93.328125 8.8125x17.46875]
               "2"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (10,176.6875) content-size 100x81.34375 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (10,176.65625) content-size 100x81.328125 flex-item [BFC] children: inline
           line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 1, rect: [10,176.6875 9.09375x17.46875]
+            frag 0 from TextNode start: 0, length: 1, rect: [10,176.65625 9.09375x17.46875]
               "3"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@@ -31,11 +31,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x252]
-      PaintableBox (Box<DIV>.container.column) [8,8 252x252] overflow: [9,9 250x250.03125]
-        PaintableWithLines (BlockContainer<DIV>.box) [9,9 102x83.34375]
+      PaintableBox (Box<DIV>.container.column) [8,8 252x252]
+        PaintableWithLines (BlockContainer<DIV>.box) [9,9 102x83.328125]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [9,92.34375 102x83.34375]
+        PaintableWithLines (BlockContainer<DIV>.box) [9,92.328125 102x83.328125]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [9,175.6875 102x83.34375]
+        PaintableWithLines (BlockContainer<DIV>.box) [9,175.65625 102x83.328125]
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,260 784x0]

+ 9 - 9
Tests/LibWeb/Layout/expected/flex-column-height-constrained.txt

@@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       Box <div.container> at (9,9) content-size 782x250 flex-container(column) [FFC] children: not-inline
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (10,10) content-size 100x81.34375 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (10,10) content-size 100x81.328125 flex-item [BFC] children: inline
           line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
             frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
               "1"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (10,93.34375) content-size 100x81.34375 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (10,93.328125) content-size 100x81.328125 flex-item [BFC] children: inline
           line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 1, rect: [10,93.34375 8.8125x17.46875]
+            frag 0 from TextNode start: 0, length: 1, rect: [10,93.328125 8.8125x17.46875]
               "2"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (10,176.6875) content-size 100x81.34375 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (10,176.65625) content-size 100x81.328125 flex-item [BFC] children: inline
           line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 1, rect: [10,176.6875 9.09375x17.46875]
+            frag 0 from TextNode start: 0, length: 1, rect: [10,176.65625 9.09375x17.46875]
               "3"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@@ -31,11 +31,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x252]
-      PaintableBox (Box<DIV>.container) [8,8 784x252] overflow: [9,9 782x250.03125]
-        PaintableWithLines (BlockContainer<DIV>.box) [9,9 102x83.34375]
+      PaintableBox (Box<DIV>.container) [8,8 784x252]
+        PaintableWithLines (BlockContainer<DIV>.box) [9,9 102x83.328125]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [9,92.34375 102x83.34375]
+        PaintableWithLines (BlockContainer<DIV>.box) [9,92.328125 102x83.328125]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [9,175.6875 102x83.34375]
+        PaintableWithLines (BlockContainer<DIV>.box) [9,175.65625 102x83.328125]
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,260 784x0]

+ 4 - 4
Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-depending-auto-width-with-max-width-constraint.txt

@@ -5,11 +5,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         line 0 width: 340.484375, height: 65.5, bottom: 65.5, baseline: 50.734375
           frag 0 from TextNode start: 0, length: 11, rect: [102,3 340.484375x65.5]
             "This entire"
-        line 1 width: 341.234375, height: 65.5, bottom: 131, baseline: 50.734375
-          frag 0 from TextNode start: 12, length: 11, rect: [102,68.5 341.234375x65.5]
+        line 1 width: 341.25, height: 65.5, bottom: 131, baseline: 50.734375
+          frag 0 from TextNode start: 12, length: 11, rect: [102,68.5 341.25x65.5]
             "text should"
-        line 2 width: 274.140625, height: 65.5, bottom: 196.5, baseline: 50.734375
-          frag 0 from TextNode start: 24, length: 8, rect: [102,134 274.140625x65.5]
+        line 2 width: 274.15625, height: 65.5, bottom: 196.5, baseline: 50.734375
+          frag 0 from TextNode start: 24, length: 8, rect: [102,134 274.15625x65.5]
             "be on an"
         line 3 width: 204.078125, height: 65.5, bottom: 262, baseline: 50.734375
           frag 0 from TextNode start: 33, length: 6, rect: [102,199.5 204.078125x65.5]

+ 9 - 9
Tests/LibWeb/Layout/expected/flex-container-constrained-nowrap.txt

@@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       Box <div.container> at (9,9) content-size 250x102 flex-container(row) [FFC] children: not-inline
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (10,10) content-size 81.34375x100 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (10,10) content-size 81.328125x100 flex-item [BFC] children: inline
           line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
             frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
               "1"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (93.34375,10) content-size 81.34375x100 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (93.328125,10) content-size 81.328125x100 flex-item [BFC] children: inline
           line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 1, rect: [93.34375,10 8.8125x17.46875]
+            frag 0 from TextNode start: 0, length: 1, rect: [93.328125,10 8.8125x17.46875]
               "2"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (176.6875,10) content-size 81.34375x100 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (176.65625,10) content-size 81.328125x100 flex-item [BFC] children: inline
           line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 1, rect: [176.6875,10 9.09375x17.46875]
+            frag 0 from TextNode start: 0, length: 1, rect: [176.65625,10 9.09375x17.46875]
               "3"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@@ -31,11 +31,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
-      PaintableBox (Box<DIV>.container) [8,8 252x104] overflow: [9,9 250.03125x102]
-        PaintableWithLines (BlockContainer<DIV>.box) [9,9 83.34375x102]
+      PaintableBox (Box<DIV>.container) [8,8 252x104]
+        PaintableWithLines (BlockContainer<DIV>.box) [9,9 83.328125x102]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [92.34375,9 83.34375x102]
+        PaintableWithLines (BlockContainer<DIV>.box) [92.328125,9 83.328125x102]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [175.6875,9 83.34375x102]
+        PaintableWithLines (BlockContainer<DIV>.box) [175.65625,9 83.328125x102]
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,112 784x0]

+ 9 - 9
Tests/LibWeb/Layout/expected/flex-container-width-constrained.txt

@@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       Box <div.container.width-constrained> at (9,9) content-size 250x102 flex-container(row) [FFC] children: not-inline
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (10,10) content-size 81.34375x100 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (10,10) content-size 81.328125x100 flex-item [BFC] children: inline
           line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
             frag 0 from TextNode start: 0, length: 1, rect: [10,10 6.34375x17.46875]
               "1"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (93.34375,10) content-size 81.34375x100 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (93.328125,10) content-size 81.328125x100 flex-item [BFC] children: inline
           line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 1, rect: [93.34375,10 8.8125x17.46875]
+            frag 0 from TextNode start: 0, length: 1, rect: [93.328125,10 8.8125x17.46875]
               "2"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (176.6875,10) content-size 81.34375x100 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (176.65625,10) content-size 81.328125x100 flex-item [BFC] children: inline
           line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 1, rect: [176.6875,10 9.09375x17.46875]
+            frag 0 from TextNode start: 0, length: 1, rect: [176.65625,10 9.09375x17.46875]
               "3"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@@ -31,11 +31,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
-      PaintableBox (Box<DIV>.container.width-constrained) [8,8 252x104] overflow: [9,9 250.03125x102]
-        PaintableWithLines (BlockContainer<DIV>.box) [9,9 83.34375x102]
+      PaintableBox (Box<DIV>.container.width-constrained) [8,8 252x104]
+        PaintableWithLines (BlockContainer<DIV>.box) [9,9 83.328125x102]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [92.34375,9 83.34375x102]
+        PaintableWithLines (BlockContainer<DIV>.box) [92.328125,9 83.328125x102]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [175.6875,9 83.34375x102]
+        PaintableWithLines (BlockContainer<DIV>.box) [175.65625,9 83.328125x102]
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,112 784x0]

+ 5 - 5
Tests/LibWeb/Layout/expected/flex-grow-1.txt

@@ -11,16 +11,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (241.328125,10) content-size 164.65625x100 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (241.328125,10) content-size 164.671875x100 flex-item [BFC] children: inline
           line 0 width: 67.375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
             frag 0 from TextNode start: 0, length: 8, rect: [241.328125,10 67.375x17.46875]
               "2 I grow"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (407.984375,10) content-size 100x100 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (408,10) content-size 100x100 flex-item [BFC] children: inline
           line 0 width: 68, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 9, rect: [407.984375,10 68x17.46875]
+            frag 0 from TextNode start: 0, length: 9, rect: [408,10 68x17.46875]
               "3 I don't"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@@ -34,8 +34,8 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
       PaintableBox (Box<DIV>.container) [8,8 502x104]
         PaintableWithLines (BlockContainer<DIV>.box) [9,9 231.328125x102]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [240.328125,9 166.65625x102]
+        PaintableWithLines (BlockContainer<DIV>.box) [240.328125,9 166.671875x102]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [406.984375,9 102x102]
+        PaintableWithLines (BlockContainer<DIV>.box) [407,9 102x102]
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,112 784x0]

+ 5 - 5
Tests/LibWeb/Layout/expected/flex-grow-2.txt

@@ -11,16 +11,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (94.328125,10) content-size 164.65625x100 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (94.328125,10) content-size 164.671875x100 flex-item [BFC] children: inline
           line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
             frag 0 from TextNode start: 0, length: 1, rect: [94.328125,10 8.8125x17.46875]
               "2"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (260.984375,10) content-size 247x100 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (261,10) content-size 247x100 flex-item [BFC] children: inline
           line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 1, rect: [260.984375,10 9.09375x17.46875]
+            frag 0 from TextNode start: 0, length: 1, rect: [261,10 9.09375x17.46875]
               "3"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@@ -34,8 +34,8 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
       PaintableBox (Box<DIV>.container) [8,8 502x104]
         PaintableWithLines (BlockContainer<DIV>.box) [9,9 84.328125x102]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [93.328125,9 166.65625x102]
+        PaintableWithLines (BlockContainer<DIV>.box) [93.328125,9 166.671875x102]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [259.984375,9 249x102]
+        PaintableWithLines (BlockContainer<DIV>.box) [260,9 249x102]
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,112 784x0]

+ 6 - 6
Tests/LibWeb/Layout/expected/flex-shrink-1.txt

@@ -20,16 +20,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (74.671875,10) content-size 81.34375x100 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (74.671875,10) content-size 81.328125x100 flex-item [BFC] children: inline
           line 0 width: 78.765625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
             frag 0 from TextNode start: 0, length: 10, rect: [74.671875,10 78.765625x17.46875]
               "2 I shrink"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (158.015625,10) content-size 100x100 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (158,10) content-size 100x100 flex-item [BFC] children: inline
           line 0 width: 68, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 9, rect: [158.015625,10 68x17.46875]
+            frag 0 from TextNode start: 0, length: 9, rect: [158,10 68x17.46875]
               "3 I don't"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@@ -40,11 +40,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
-      PaintableBox (Box<DIV>.container) [8,8 252x104] overflow: [9,9 250.015625x102]
+      PaintableBox (Box<DIV>.container) [8,8 252x104]
         PaintableWithLines (BlockContainer<DIV>.box) [9,9 64.671875x102]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [73.671875,9 83.34375x102]
+        PaintableWithLines (BlockContainer<DIV>.box) [73.671875,9 83.328125x102]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [157.015625,9 102x102]
+        PaintableWithLines (BlockContainer<DIV>.box) [157,9 102x102]
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,112 784x0]

+ 3 - 3
Tests/LibWeb/Layout/expected/flex-shrink-2.txt

@@ -18,7 +18,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.box> at (225.671875,10) content-size 282.34375x100 flex-item [BFC] children: inline
+        BlockContainer <div.box> at (225.671875,10) content-size 282.328125x100 flex-item [BFC] children: inline
           line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
             frag 0 from TextNode start: 0, length: 1, rect: [225.671875,10 9.09375x17.46875]
               "3"
@@ -31,11 +31,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
-      PaintableBox (Box<DIV>.container) [8,8 502x104] overflow: [9,9 500.015625x102]
+      PaintableBox (Box<DIV>.container) [8,8 502x104]
         PaintableWithLines (BlockContainer<DIV>.box) [9,9 49x102]
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer<DIV>.box) [58,9 166.671875x102]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.box) [224.671875,9 284.34375x102]
+        PaintableWithLines (BlockContainer<DIV>.box) [224.671875,9 284.328125x102]
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,112 784x0]

+ 8 - 8
Tests/LibWeb/Layout/expected/flex/calc-flex-basis.txt

@@ -3,23 +3,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
     BlockContainer <body> at (10,10) content-size 780x62 children: not-inline
       Box <div.flex-container> at (11,11) content-size 778x60 flex-container(row) [FFC] children: not-inline
         BlockContainer <div.flex-item> at (12,12) content-size 386x28 flex-item [BFC] children: inline
-          line 0 width: 58.390625, height: 21.828125, bottom: 21.828125, baseline: 16.890625
-            frag 0 from TextNode start: 0, length: 6, rect: [12,12 58.390625x21.828125]
+          line 0 width: 58.40625, height: 21.84375, bottom: 21.84375, baseline: 16.921875
+            frag 0 from TextNode start: 0, length: 6, rect: [12,12 58.40625x21.84375]
               "Item 1"
           TextNode <#text>
         BlockContainer <div.flex-item> at (401,12) content-size 386x28 flex-item [BFC] children: inline
-          line 0 width: 61.484375, height: 21.828125, bottom: 21.828125, baseline: 16.890625
-            frag 0 from TextNode start: 0, length: 6, rect: [401,12 61.484375x21.828125]
+          line 0 width: 61.484375, height: 21.84375, bottom: 21.84375, baseline: 16.921875
+            frag 0 from TextNode start: 0, length: 6, rect: [401,12 61.484375x21.84375]
               "Item 2"
           TextNode <#text>
         BlockContainer <div.flex-item> at (12,42) content-size 386x28 flex-item [BFC] children: inline
-          line 0 width: 61.828125, height: 21.828125, bottom: 21.828125, baseline: 16.890625
-            frag 0 from TextNode start: 0, length: 6, rect: [12,42 61.828125x21.828125]
+          line 0 width: 61.84375, height: 21.84375, bottom: 21.84375, baseline: 16.921875
+            frag 0 from TextNode start: 0, length: 6, rect: [12,42 61.84375x21.84375]
               "Item 3"
           TextNode <#text>
         BlockContainer <div.flex-item> at (401,42) content-size 386x28 flex-item [BFC] children: inline
-          line 0 width: 60.15625, height: 21.828125, bottom: 21.828125, baseline: 16.890625
-            frag 0 from TextNode start: 0, length: 6, rect: [401,42 60.15625x21.828125]
+          line 0 width: 60.15625, height: 21.84375, bottom: 21.84375, baseline: 16.921875
+            frag 0 from TextNode start: 0, length: 6, rect: [401,42 60.15625x21.84375]
               "Item 4"
           TextNode <#text>
 

+ 2 - 2
Tests/LibWeb/Layout/expected/flex/flex-item-with-calc-main-size-and-layout-dependent-containing-block-size.txt

@@ -2,7 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (0,0) content-size 800x68.40625 [BFC] children: not-inline
     Box <body.pink> at (8,8) content-size 784x52.40625 flex-container(row) [FFC] children: not-inline
       Box <div.orange> at (8,8) content-size 194.71875x52.40625 flex-container(row) flex-item [FFC] children: not-inline
-        BlockContainer <div.lime> at (8,8) content-size 87.34375x52.40625 flex-item [BFC] children: inline
+        BlockContainer <div.lime> at (8,8) content-size 87.359375x52.40625 flex-item [BFC] children: inline
           line 0 width: 74.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
             frag 0 from TextNode start: 0, length: 9, rect: [8,8 74.75x17.46875]
               "This is a"
@@ -18,5 +18,5 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x68.40625]
     PaintableBox (Box<BODY>.pink) [8,8 784x52.40625]
       PaintableBox (Box<DIV>.orange) [8,8 194.71875x52.40625]
-        PaintableWithLines (BlockContainer<DIV>.lime) [8,8 87.34375x52.40625]
+        PaintableWithLines (BlockContainer<DIV>.lime) [8,8 87.359375x52.40625]
           TextPaintable (TextNode<#text>)

+ 6 - 6
Tests/LibWeb/Layout/expected/flex/flex-item-with-intrinsic-aspect-ratio-and-max-height.txt

@@ -1,11 +1,11 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (1,1) content-size 798x69.96875 [BFC] children: not-inline
-    Box <body> at (10,10) content-size 780x51.96875 flex-container(row) [FFC] children: not-inline
-      ImageBox <img> at (11,11) content-size 66.65625x49.984375 flex-item children: not-inline
+  BlockContainer <html> at (1,1) content-size 798x70 [BFC] children: not-inline
+    Box <body> at (10,10) content-size 780x52 flex-container(row) [FFC] children: not-inline
+      ImageBox <img> at (11,11) content-size 66.671875x50 flex-item children: not-inline
       BlockContainer <(anonymous)> (not painted) [BFC] children: inline
         TextNode <#text>
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x71.96875]
-    PaintableBox (Box<BODY>) [9,9 782x53.96875] overflow: [10,10 780x51.984375]
-      ImagePaintable (ImageBox<IMG>) [10,10 68.65625x51.984375]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x72]
+    PaintableBox (Box<BODY>) [9,9 782x54]
+      ImagePaintable (ImageBox<IMG>) [10,10 68.671875x52]

+ 18 - 18
Tests/LibWeb/Layout/expected/flex/reverse-flex-layout-with-space-between-and-space-around.txt

@@ -2,37 +2,37 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (0,0) content-size 800x616 [BFC] children: not-inline
     BlockContainer <body> at (8,8) content-size 784x600 children: not-inline
       Box <div.outer.row> at (8,8) content-size 150x150 flex-container(row) [FFC] children: not-inline
-        BlockContainer <div.inner> at (12.609375,8) content-size 30.078125x150 flex-item [BFC] children: inline
+        BlockContainer <div.inner> at (12.625,8) content-size 30.078125x150 flex-item [BFC] children: inline
           line 0 width: 30.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 4, rect: [12.609375,8 30.078125x17.46875]
+            frag 0 from TextNode start: 0, length: 4, rect: [12.625,8 30.078125x17.46875]
               "Well"
           TextNode <#text>
-        BlockContainer <div.inner> at (51.921875,8) content-size 36.84375x150 flex-item [BFC] children: inline
+        BlockContainer <div.inner> at (51.9375,8) content-size 36.84375x150 flex-item [BFC] children: inline
           line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 5, rect: [51.921875,8 36.84375x17.46875]
+            frag 0 from TextNode start: 0, length: 5, rect: [51.9375,8 36.84375x17.46875]
               "hello"
           TextNode <#text>
-        BlockContainer <div.inner> at (98,8) content-size 55.359375x150 flex-item [BFC] children: inline
+        BlockContainer <div.inner> at (98.015625,8) content-size 55.359375x150 flex-item [BFC] children: inline
           line 0 width: 55.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 7, rect: [98,8 55.359375x17.46875]
+            frag 0 from TextNode start: 0, length: 7, rect: [98.015625,8 55.359375x17.46875]
               "friends"
           TextNode <#text>
       BlockContainer <(anonymous)> at (8,158) content-size 784x0 children: inline
         TextNode <#text>
       Box <div.outer.row-reverse> at (8,158) content-size 150x150 flex-container(row-reverse) [FFC] children: not-inline
-        BlockContainer <div.inner> at (123.3125,158) content-size 30.078125x150 flex-item [BFC] children: inline
+        BlockContainer <div.inner> at (123.296875,158) content-size 30.078125x150 flex-item [BFC] children: inline
           line 0 width: 30.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 4, rect: [123.3125,158 30.078125x17.46875]
+            frag 0 from TextNode start: 0, length: 4, rect: [123.296875,158 30.078125x17.46875]
               "Well"
           TextNode <#text>
-        BlockContainer <div.inner> at (77.234375,158) content-size 36.84375x150 flex-item [BFC] children: inline
+        BlockContainer <div.inner> at (77.21875,158) content-size 36.84375x150 flex-item [BFC] children: inline
           line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 5, rect: [77.234375,158 36.84375x17.46875]
+            frag 0 from TextNode start: 0, length: 5, rect: [77.21875,158 36.84375x17.46875]
               "hello"
           TextNode <#text>
-        BlockContainer <div.inner> at (12.640625,158) content-size 55.359375x150 flex-item [BFC] children: inline
+        BlockContainer <div.inner> at (12.625,158) content-size 55.359375x150 flex-item [BFC] children: inline
           line 0 width: 55.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 7, rect: [12.640625,158 55.359375x17.46875]
+            frag 0 from TextNode start: 0, length: 7, rect: [12.625,158 55.359375x17.46875]
               "friends"
           TextNode <#text>
       BlockContainer <(anonymous)> at (8,308) content-size 784x0 children: inline
@@ -76,19 +76,19 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x616]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x616]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x600]
       PaintableBox (Box<DIV>.outer.row) [8,8 150x150]
-        PaintableWithLines (BlockContainer<DIV>.inner) [12.609375,8 30.078125x150]
+        PaintableWithLines (BlockContainer<DIV>.inner) [12.625,8 30.078125x150]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.inner) [51.921875,8 36.84375x150]
+        PaintableWithLines (BlockContainer<DIV>.inner) [51.9375,8 36.84375x150]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.inner) [98,8 55.359375x150]
+        PaintableWithLines (BlockContainer<DIV>.inner) [98.015625,8 55.359375x150]
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,158 784x0]
       PaintableBox (Box<DIV>.outer.row-reverse) [8,158 150x150]
-        PaintableWithLines (BlockContainer<DIV>.inner) [123.3125,158 30.078125x150]
+        PaintableWithLines (BlockContainer<DIV>.inner) [123.296875,158 30.078125x150]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.inner) [77.234375,158 36.84375x150]
+        PaintableWithLines (BlockContainer<DIV>.inner) [77.21875,158 36.84375x150]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.inner) [12.640625,158 55.359375x150]
+        PaintableWithLines (BlockContainer<DIV>.inner) [12.625,158 55.359375x150]
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,308 784x0]
       PaintableBox (Box<DIV>.outer.column) [8,308 150x150]

+ 8 - 8
Tests/LibWeb/Layout/expected/font-with-many-normal-values.txt

@@ -1,18 +1,18 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x215.984375 [BFC] children: not-inline
-    BlockContainer <body> at (8,8) content-size 784x199.984375 children: inline
-      line 0 width: 424, height: 199.984375, bottom: 199.984375, baseline: 159.953125
+  BlockContainer <html> at (0,0) content-size 800x216 [BFC] children: not-inline
+    BlockContainer <body> at (8,8) content-size 784x200 children: inline
+      line 0 width: 424, height: 200, bottom: 200, baseline: 159.96875
         frag 0 from TextNode start: 0, length: 1, rect: [8,8 79.296875x200]
           "1"
-        frag 1 from TextNode start: 0, length: 1, rect: [87.296875,154.421875 8x17.46875]
+        frag 1 from TextNode start: 0, length: 1, rect: [87.296875,154.4375 8x17.46875]
           " "
         frag 2 from TextNode start: 0, length: 1, rect: [95.296875,8 110.15625x200]
           "2"
-        frag 3 from TextNode start: 0, length: 1, rect: [205.453125,154.421875 8x17.46875]
+        frag 3 from TextNode start: 0, length: 1, rect: [205.453125,154.4375 8x17.46875]
           " "
         frag 4 from TextNode start: 0, length: 1, rect: [213.453125,8 113.671875x200]
           "3"
-        frag 5 from TextNode start: 0, length: 1, rect: [327.125,154.421875 8x17.46875]
+        frag 5 from TextNode start: 0, length: 1, rect: [327.125,154.4375 8x17.46875]
           " "
         frag 6 from TextNode start: 0, length: 1, rect: [335.125,8 96.875x200]
           "4"
@@ -30,8 +30,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       TextNode <#text>
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x215.984375]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x199.984375] overflow: [8,8 784x200]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x216]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x200]
       InlinePaintable (InlineNode<SPAN>.one)
         TextPaintable (TextNode<#text>)
       TextPaintable (TextNode<#text>)

+ 6 - 6
Tests/LibWeb/Layout/expected/getComputedStyle-on-unconnected-element.txt

@@ -1,12 +1,12 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x37.828125 [BFC] children: not-inline
-    BlockContainer <body> at (8,8) content-size 784x21.828125 children: inline
-      line 0 width: 362.59375, height: 21.828125, bottom: 21.828125, baseline: 16.890625
-        frag 0 from TextNode start: 0, length: 35, rect: [8,8 362.59375x21.828125]
+  BlockContainer <html> at (0,0) content-size 800x37.84375 [BFC] children: not-inline
+    BlockContainer <body> at (8,8) content-size 784x21.84375 children: inline
+      line 0 width: 362.609375, height: 21.84375, bottom: 21.84375, baseline: 16.921875
+        frag 0 from TextNode start: 0, length: 35, rect: [8,8 362.609375x21.84375]
           "This test passes if we don't crash."
       TextNode <#text>
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x37.828125]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x21.828125]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x37.84375]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x21.84375]
       TextPaintable (TextNode<#text>)

+ 3 - 3
Tests/LibWeb/Layout/expected/grid/borders.txt

@@ -103,9 +103,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       Box <div.grid-container> at (8,275.34375) content-size 784x90.9375 [GFC] children: not-inline
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.grid-item> at (444.1875,285.34375) content-size 337.796875x17.46875 [BFC] children: inline
+        BlockContainer <div.grid-item> at (444.203125,285.34375) content-size 337.796875x17.46875 [BFC] children: inline
           line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 1, rect: [444.1875,285.34375 6.34375x17.46875]
+            frag 0 from TextNode start: 0, length: 1, rect: [444.203125,285.34375 6.34375x17.46875]
               "1"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@@ -197,7 +197,7 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,275.34375 784x0]
       PaintableBox (Box<DIV>.grid-container) [8,275.34375 784x90.9375]
-        PaintableWithLines (BlockContainer<DIV>.grid-item) [434.1875,275.34375 357.796875x37.46875]
+        PaintableWithLines (BlockContainer<DIV>.grid-item) [434.203125,275.34375 357.796875x37.46875]
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer<DIV>.grid-item) [8,328.8125 357.796875x37.46875]
           TextPaintable (TextNode<#text>)

+ 3 - 3
Tests/LibWeb/Layout/expected/grid/grid-gap-2.txt

@@ -2,9 +2,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
     BlockContainer <body> at (8,8) content-size 784x50.9375 children: not-inline
       Box <div.container> at (8,8) content-size 784x50.9375 [GFC] children: not-inline
-        BlockContainer <div.item> at (434.1875,8) content-size 357.796875x17.46875 [BFC] children: inline
+        BlockContainer <div.item> at (434.203125,8) content-size 357.796875x17.46875 [BFC] children: inline
           line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 1, rect: [434.1875,8 6.34375x17.46875]
+            frag 0 from TextNode start: 0, length: 1, rect: [434.203125,8 6.34375x17.46875]
               "1"
           TextNode <#text>
         BlockContainer <div.item> at (8,41.46875) content-size 357.796875x17.46875 [BFC] children: inline
@@ -17,7 +17,7 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x50.9375]
       PaintableBox (Box<DIV>.container) [8,8 784x50.9375]
-        PaintableWithLines (BlockContainer<DIV>.item) [434.1875,8 357.796875x17.46875]
+        PaintableWithLines (BlockContainer<DIV>.item) [434.203125,8 357.796875x17.46875]
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer<DIV>.item) [8,41.46875 357.796875x17.46875]
           TextPaintable (TextNode<#text>)

+ 10 - 10
Tests/LibWeb/Layout/expected/grid/grid-item-fixed-paddings.txt

@@ -5,29 +5,29 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
         BlockContainer <div.grid-item> at (68,68) content-size 17.046875x32.75 [BFC] children: inline
-          line 0 width: 11.890625, height: 32.75, bottom: 32.75, baseline: 25.359375
+          line 0 width: 11.890625, height: 32.75, bottom: 32.75, baseline: 25.375
             frag 0 from TextNode start: 0, length: 1, rect: [70.578125,68 11.890625x32.75]
               "1"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.grid-item> at (255.046875,68) content-size 16.515625x32.75 [BFC] children: inline
-          line 0 width: 16.515625, height: 32.75, bottom: 32.75, baseline: 25.359375
-            frag 0 from TextNode start: 0, length: 1, rect: [255.046875,68 16.515625x32.75]
+        BlockContainer <div.grid-item> at (255.046875,68) content-size 16.53125x32.75 [BFC] children: inline
+          line 0 width: 16.53125, height: 32.75, bottom: 32.75, baseline: 25.375
+            frag 0 from TextNode start: 0, length: 1, rect: [255.046875,68 16.53125x32.75]
               "2"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
         BlockContainer <div.grid-item> at (68,270.75) content-size 17.046875x32.75 [BFC] children: inline
-          line 0 width: 17.046875, height: 32.75, bottom: 32.75, baseline: 25.359375
+          line 0 width: 17.046875, height: 32.75, bottom: 32.75, baseline: 25.375
             frag 0 from TextNode start: 0, length: 1, rect: [68,270.75 17.046875x32.75]
               "3"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.grid-item> at (255.046875,270.75) content-size 16.515625x32.75 [BFC] children: inline
-          line 0 width: 14.53125, height: 32.75, bottom: 32.75, baseline: 25.359375
-            frag 0 from TextNode start: 0, length: 1, rect: [256.03125,270.75 14.53125x32.75]
+        BlockContainer <div.grid-item> at (255.046875,270.75) content-size 16.53125x32.75 [BFC] children: inline
+          line 0 width: 14.53125, height: 32.75, bottom: 32.75, baseline: 25.375
+            frag 0 from TextNode start: 0, length: 1, rect: [256.046875,270.75 14.53125x32.75]
               "4"
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@@ -41,10 +41,10 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
       PaintableBox (Box<DIV>.grid-container) [8,8 784x355.5]
         PaintableWithLines (BlockContainer<DIV>.grid-item) [8,8 137.046875x152.75]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.grid-item) [195.046875,8 136.515625x152.75]
+        PaintableWithLines (BlockContainer<DIV>.grid-item) [195.046875,8 136.53125x152.75]
           TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer<DIV>.grid-item) [8,210.75 137.046875x152.75]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.grid-item) [195.046875,210.75 136.515625x152.75]
+        PaintableWithLines (BlockContainer<DIV>.grid-item) [195.046875,210.75 136.53125x152.75]
           TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,363.5 784x0]

+ 2 - 2
Tests/LibWeb/Layout/expected/grid/grid-item-percentage-margins.txt

@@ -3,9 +3,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
     BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
       BlockContainer <div> at (8,8) content-size 784x17.46875 children: not-inline
         Box <div.grid> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
-          BlockContainer <div.item> at (243.1875,8) content-size 313.625x17.46875 [BFC] children: inline
+          BlockContainer <div.item> at (243.203125,8) content-size 313.59375x17.46875 [BFC] children: inline
             line 0 width: 121.0625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-              frag 0 from TextNode start: 0, length: 16, rect: [243.1875,8 121.0625x17.46875]
+              frag 0 from TextNode start: 0, length: 16, rect: [243.203125,8 121.0625x17.46875]
                 "A filthy t-shirt"
             TextNode <#text>
 

+ 2 - 2
Tests/LibWeb/Layout/expected/grid/grid-item-percentage-width.txt

@@ -7,7 +7,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             frag 0 from TextNode start: 0, length: 5, rect: [8,8 42.140625x17.46875]
               "First"
           TextNode <#text>
-        BlockContainer <div.second> at (400,8) content-size 78.390625x17.46875 [BFC] children: inline
+        BlockContainer <div.second> at (400,8) content-size 78.40625x17.46875 [BFC] children: inline
           line 0 width: 57.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
             frag 0 from TextNode start: 0, length: 6, rect: [400,8 57.40625x17.46875]
               "Second"
@@ -19,5 +19,5 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
       PaintableBox (Box<DIV>.grid-container) [8,8 784x17.46875]
         PaintableWithLines (BlockContainer<DIV>.first) [8,8 313.59375x17.46875]
           TextPaintable (TextNode<#text>)
-        PaintableWithLines (BlockContainer<DIV>.second) [400,8 78.390625x17.46875]
+        PaintableWithLines (BlockContainer<DIV>.second) [400,8 78.40625x17.46875]
           TextPaintable (TextNode<#text>)

+ 12 - 12
Tests/LibWeb/Layout/expected/grid/grid-span-4.txt

@@ -1,21 +1,21 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (1,1) content-size 798x65.640625 [BFC] children: not-inline
-    Box <body> at (10,10) content-size 780x47.640625 [GFC] children: not-inline
+  BlockContainer <html> at (1,1) content-size 798x65.65625 [BFC] children: not-inline
+    Box <body> at (10,10) content-size 780x47.65625 [GFC] children: not-inline
       BlockContainer <div.foo> at (11,11) content-size 778x21.8125 [BFC] children: inline
-        line 0 width: 33.9375, height: 21.828125, bottom: 21.828125, baseline: 16.890625
-          frag 0 from TextNode start: 0, length: 3, rect: [11,11 33.9375x21.828125]
+        line 0 width: 33.9375, height: 21.84375, bottom: 21.84375, baseline: 16.921875
+          frag 0 from TextNode start: 0, length: 3, rect: [11,11 33.9375x21.84375]
             "foo"
         TextNode <#text>
-      BlockContainer <div.bar> at (11,34.8125) content-size 778x21.828125 [BFC] children: inline
-        line 0 width: 34.546875, height: 21.828125, bottom: 21.828125, baseline: 16.890625
-          frag 0 from TextNode start: 0, length: 3, rect: [11,34.8125 34.546875x21.828125]
+      BlockContainer <div.bar> at (11,34.8125) content-size 778x21.84375 [BFC] children: inline
+        line 0 width: 34.546875, height: 21.84375, bottom: 21.84375, baseline: 16.921875
+          frag 0 from TextNode start: 0, length: 3, rect: [11,34.8125 34.546875x21.84375]
             "bar"
         TextNode <#text>
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x67.640625]
-    PaintableBox (Box<BODY>) [9,9 782x49.640625]
-      PaintableWithLines (BlockContainer<DIV>.foo) [10,10 780x23.8125] overflow: [11,11 778x21.828125]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x67.65625]
+    PaintableBox (Box<BODY>) [9,9 782x49.65625]
+      PaintableWithLines (BlockContainer<DIV>.foo) [10,10 780x23.8125] overflow: [11,11 778x21.84375]
+        TextPaintable (TextNode<#text>)
+      PaintableWithLines (BlockContainer<DIV>.bar) [10,33.8125 780x23.84375]
         TextPaintable (TextNode<#text>)
-      PaintableWithLines (BlockContainer<DIV>.bar) [10,33.8125 780x23.828125]
-        TextPaintable (TextNode<#text>)

+ 10 - 10
Tests/LibWeb/Layout/expected/grid/image-in-grid.txt

@@ -1,21 +1,21 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
-    BlockContainer <body> at (8,8) content-size 784x24 children: not-inline
-      Box <div.grid-container> at (8,8) content-size 784x24 [GFC] children: not-inline
+    BlockContainer <body> at (8,8) content-size 784x24.015625 children: not-inline
+      Box <div.grid-container> at (8,8) content-size 784x24.015625 [GFC] children: not-inline
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
-        BlockContainer <div.wrapper> at (8,8) content-size 64.015625x24 [BFC] children: inline
-          line 0 width: 64.015625, height: 24, bottom: 24, baseline: 24
-            frag 0 from ImageBox start: 0, length: 0, rect: [8,8 64.015625x24]
+        BlockContainer <div.wrapper> at (8,8) content-size 64.03125x24.015625 [BFC] children: inline
+          line 0 width: 64.03125, height: 24.015625, bottom: 24.015625, baseline: 24.015625
+            frag 0 from ImageBox start: 0, length: 0, rect: [8,8 64.03125x24.015625]
           TextNode <#text>
-          ImageBox <img> at (8,8) content-size 64.015625x24 children: not-inline
+          ImageBox <img> at (8,8) content-size 64.03125x24.015625 children: not-inline
           TextNode <#text>
         BlockContainer <(anonymous)> (not painted) [BFC] children: inline
           TextNode <#text>
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x24]
-      PaintableBox (Box<DIV>.grid-container) [8,8 784x24]
-        PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 64.015625x24]
-          ImagePaintable (ImageBox<IMG>) [8,8 64.015625x24]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x24.015625]
+      PaintableBox (Box<DIV>.grid-container) [8,8 784x24.015625]
+        PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 64.03125x24.015625]
+          ImagePaintable (ImageBox<IMG>) [8,8 64.03125x24.015625]

+ 11 - 14
Tests/LibWeb/Layout/expected/grid/track-size-calc-with-percentage.txt

@@ -1,21 +1,18 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
-    BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
-      Box <div.ipc-page-grid> at (8,8) content-size 784x34.9375 flex-container(row) [FFC] children: not-inline
-        Box <div.ipc-sub-grid> at (8,8) content-size 401.28125x34.9375 flex-item [GFC] children: not-inline
-          BlockContainer <(anonymous)> at (8,8) content-size 401.265625x34.9375 [BFC] children: inline
-            line 0 width: 356.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-              frag 0 from TextNode start: 0, length: 40, rect: [8,8 356.96875x17.46875]
-                "The 10 Most Anticipated Summer Movies of"
-            line 1 width: 36.3125, height: 17.46875, bottom: 34.9375, baseline: 13.53125
-              frag 0 from TextNode start: 41, length: 4, rect: [8,25.46875 36.3125x17.46875]
-                "2023"
+    BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
+      Box <div.ipc-page-grid> at (8,8) content-size 784x17.46875 flex-container(row) [FFC] children: not-inline
+        Box <div.ipc-sub-grid> at (8,8) content-size 401.28125x17.46875 flex-item [GFC] children: not-inline
+          BlockContainer <(anonymous)> at (8,8) content-size 401.28125x17.46875 [BFC] children: inline
+            line 0 width: 401.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
+              frag 0 from TextNode start: 0, length: 45, rect: [8,8 401.28125x17.46875]
+                "The 10 Most Anticipated Summer Movies of 2023"
             TextNode <#text>
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375]
-      PaintableBox (Box<DIV>.ipc-page-grid) [8,8 784x34.9375]
-        PaintableBox (Box<DIV>.ipc-sub-grid) [8,8 401.28125x34.9375]
-          PaintableWithLines (BlockContainer(anonymous)) [8,8 401.265625x34.9375]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
+      PaintableBox (Box<DIV>.ipc-page-grid) [8,8 784x17.46875]
+        PaintableBox (Box<DIV>.ipc-sub-grid) [8,8 401.28125x17.46875]
+          PaintableWithLines (BlockContainer(anonymous)) [8,8 401.28125x17.46875]
             TextPaintable (TextNode<#text>)

+ 4 - 4
Tests/LibWeb/Layout/expected/height-of-absolute-position-box-with-padding.txt

@@ -4,9 +4,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       TextNode <#text>
     BlockContainer <body> at (8,8) content-size 784x0 children: inline
       TextNode <#text>
-      BlockContainer <h1> at (76.578125,103.734375) content-size 126x38 positioned [BFC] children: inline
-        line 0 width: 46.515625, height: 21.828125, bottom: 21.828125, baseline: 16.890625
-          frag 0 from TextNode start: 0, length: 4, rect: [116.3125,103.734375 46.515625x21.828125]
+      BlockContainer <h1> at (76.59375,103.765625) content-size 126x38 positioned [BFC] children: inline
+        line 0 width: 46.53125, height: 21.84375, bottom: 21.84375, baseline: 16.921875
+          frag 0 from TextNode start: 0, length: 4, rect: [116.328125,103.765625 46.53125x21.84375]
             "Test"
         TextNode <#text>
       TextNode <#text>
@@ -15,5 +15,5 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x16]
     PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
-      PaintableWithLines (BlockContainer<H1>) [75.578125,58.734375 128x128]
+      PaintableWithLines (BlockContainer<H1>) [75.59375,58.765625 128x128]
         TextPaintable (TextNode<#text>)

+ 12 - 12
Tests/LibWeb/Layout/expected/input-element-with-display-inline.txt

@@ -1,16 +1,16 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (1,1) content-size 798x45.828125 [BFC] children: not-inline
-    BlockContainer <body> at (10,10) content-size 780x27.828125 children: inline
-      line 0 width: 202, height: 27.828125, bottom: 27.828125, baseline: 27.828125
-        frag 0 from BlockContainer start: 0, length: 0, rect: [11,11 200x25.828125]
-      BlockContainer <input> at (11,11) content-size 200x25.828125 inline-block [BFC] children: not-inline
-        Box <div> at (13,12) content-size 196x23.828125 flex-container(row) [FFC] children: not-inline
-          BlockContainer <div> at (14,13) content-size 0x21.828125 flex-item [BFC] children: inline
+  BlockContainer <html> at (1,1) content-size 798x45.84375 [BFC] children: not-inline
+    BlockContainer <body> at (10,10) content-size 780x27.84375 children: inline
+      line 0 width: 202, height: 27.84375, bottom: 27.84375, baseline: 27.84375
+        frag 0 from BlockContainer start: 0, length: 0, rect: [11,11 200x25.84375]
+      BlockContainer <input> at (11,11) content-size 200x25.84375 inline-block [BFC] children: not-inline
+        Box <div> at (13,12) content-size 196x23.84375 flex-container(row) [FFC] children: not-inline
+          BlockContainer <div> at (14,13) content-size 0x21.84375 flex-item [BFC] children: inline
             TextNode <#text>
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x47.828125]
-    PaintableWithLines (BlockContainer<BODY>) [9,9 782x29.828125]
-      PaintableWithLines (BlockContainer<INPUT>) [10,10 202x27.828125]
-        PaintableBox (Box<DIV>) [11,11 200x25.828125]
-          PaintableWithLines (BlockContainer<DIV>) [13,12 2x23.828125]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x47.84375]
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x29.84375]
+      PaintableWithLines (BlockContainer<INPUT>) [10,10 202x27.84375]
+        PaintableBox (Box<DIV>) [11,11 200x25.84375]
+          PaintableWithLines (BlockContainer<DIV>) [13,12 2x23.84375]

+ 3 - 3
Tests/LibWeb/Layout/expected/place-content-shorthand-property.txt

@@ -2,9 +2,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
   BlockContainer <html> at (1,1) content-size 798x37.46875 [BFC] children: not-inline
     BlockContainer <body> at (10,10) content-size 780x19.46875 children: not-inline
       Box <div.container> at (11,11) content-size 800x17.46875 flex-container(row) [FFC] children: not-inline
-        BlockContainer <(anonymous)> at (392.203125,11) content-size 37.578125x17.46875 flex-item [BFC] children: inline
+        BlockContainer <(anonymous)> at (392.21875,11) content-size 37.578125x17.46875 flex-item [BFC] children: inline
           line 0 width: 37.578125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-            frag 0 from TextNode start: 0, length: 4, rect: [392.203125,11 37.578125x17.46875]
+            frag 0 from TextNode start: 0, length: 4, rect: [392.21875,11 37.578125x17.46875]
               "Text"
           TextNode <#text>
 
@@ -12,5 +12,5 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 812x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x39.46875] overflow: [1,1 811x37.46875]
     PaintableWithLines (BlockContainer<BODY>) [9,9 782x21.46875] overflow: [10,10 802x19.46875]
       PaintableBox (Box<DIV>.container) [10,10 802x19.46875]
-        PaintableWithLines (BlockContainer(anonymous)) [392.203125,11 37.578125x17.46875]
+        PaintableWithLines (BlockContainer(anonymous)) [392.21875,11 37.578125x17.46875]
           TextPaintable (TextNode<#text>)

+ 37 - 37
Tests/LibWeb/Layout/expected/pseudo-element-with-custom-properties-2.txt

@@ -1,23 +1,23 @@
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
-  BlockContainer <html> at (0,0) content-size 800x468.796875 [BFC] children: not-inline
-    BlockContainer <body> at (8,8) content-size 784x452.796875 children: not-inline
-      BlockContainer <(anonymous)> at (8,8) content-size 784x21.828125 children: inline
-        line 0 width: 391.578125, height: 21.828125, bottom: 21.828125, baseline: 16.890625
-          frag 0 from TextNode start: 0, length: 40, rect: [8,8 391.578125x21.828125]
+  BlockContainer <html> at (0,0) content-size 800x468.90625 [BFC] children: not-inline
+    BlockContainer <body> at (8,8) content-size 784x452.90625 children: not-inline
+      BlockContainer <(anonymous)> at (8,8) content-size 784x21.84375 children: inline
+        line 0 width: 391.65625, height: 21.84375, bottom: 21.84375, baseline: 16.921875
+          frag 0 from TextNode start: 0, length: 40, rect: [8,8 391.65625x21.84375]
             "Variable set by inline style of element:"
         TextNode <#text>
         BreakNode <br>
         TextNode <#text>
-      BlockContainer <div.a> at (8,29.828125) content-size 784x100 children: inline
+      BlockContainer <div.a> at (8,29.84375) content-size 784x100 children: inline
         line 0 width: 200, height: 100, bottom: 100, baseline: 100
-          frag 0 from BlockContainer start: 0, length: 0, rect: [8,29.828125 200x100]
-        BlockContainer <(anonymous)> at (8,29.828125) content-size 200x100 inline-block [BFC] children: inline
+          frag 0 from BlockContainer start: 0, length: 0, rect: [8,29.84375 200x100]
+        BlockContainer <(anonymous)> at (8,29.84375) content-size 200x100 inline-block [BFC] children: inline
           TextNode <#text>
-      BlockContainer <(anonymous)> at (8,129.828125) content-size 784x65.484375 children: inline
-        line 0 width: 0, height: 21.828125, bottom: 21.828125, baseline: 16.890625
-        line 1 width: 0, height: 21.828125, bottom: 43.65625, baseline: 16.890625
-        line 2 width: 441.21875, height: 21.828125, bottom: 65.484375, baseline: 16.890625
-          frag 0 from TextNode start: 1, length: 42, rect: [8,173.484375 441.21875x21.828125]
+      BlockContainer <(anonymous)> at (8,129.84375) content-size 784x65.53125 children: inline
+        line 0 width: 0, height: 21.84375, bottom: 21.84375, baseline: 16.921875
+        line 1 width: 0, height: 21.84375, bottom: 43.6875, baseline: 16.921875
+        line 2 width: 441.28125, height: 21.84375, bottom: 65.53125, baseline: 16.921875
+          frag 0 from TextNode start: 1, length: 42, rect: [8,173.53125 441.28125x21.84375]
             "Variable set by CSS rule matching element:"
         TextNode <#text>
         BreakNode <br>
@@ -25,16 +25,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         BreakNode <br>
         TextNode <#text>
-      BlockContainer <div.b> at (8,195.3125) content-size 784x100 children: inline
+      BlockContainer <div.b> at (8,195.375) content-size 784x100 children: inline
         line 0 width: 200, height: 100, bottom: 100, baseline: 100
-          frag 0 from BlockContainer start: 0, length: 0, rect: [8,195.3125 200x100]
-        BlockContainer <(anonymous)> at (8,195.3125) content-size 200x100 inline-block [BFC] children: inline
+          frag 0 from BlockContainer start: 0, length: 0, rect: [8,195.375 200x100]
+        BlockContainer <(anonymous)> at (8,195.375) content-size 200x100 inline-block [BFC] children: inline
           TextNode <#text>
-      BlockContainer <(anonymous)> at (8,295.3125) content-size 784x65.484375 children: inline
-        line 0 width: 0, height: 21.828125, bottom: 21.828125, baseline: 16.890625
-        line 1 width: 0, height: 21.828125, bottom: 43.65625, baseline: 16.890625
-        line 2 width: 520.546875, height: 21.828125, bottom: 65.484375, baseline: 16.890625
-          frag 0 from TextNode start: 1, length: 49, rect: [8,338.96875 520.546875x21.828125]
+      BlockContainer <(anonymous)> at (8,295.375) content-size 784x65.53125 children: inline
+        line 0 width: 0, height: 21.84375, bottom: 21.84375, baseline: 16.921875
+        line 1 width: 0, height: 21.84375, bottom: 43.6875, baseline: 16.921875
+        line 2 width: 520.625, height: 21.84375, bottom: 65.53125, baseline: 16.921875
+          frag 0 from TextNode start: 1, length: 49, rect: [8,339.0625 520.625x21.84375]
             "Variable set by CSS rule matching pseudo element:"
         TextNode <#text>
         BreakNode <br>
@@ -42,27 +42,27 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         BreakNode <br>
         TextNode <#text>
-      BlockContainer <div.c> at (8,360.796875) content-size 784x100 children: inline
+      BlockContainer <div.c> at (8,360.90625) content-size 784x100 children: inline
         line 0 width: 200, height: 100, bottom: 100, baseline: 100
-          frag 0 from BlockContainer start: 0, length: 0, rect: [8,360.796875 200x100]
-        BlockContainer <(anonymous)> at (8,360.796875) content-size 200x100 inline-block [BFC] children: inline
+          frag 0 from BlockContainer start: 0, length: 0, rect: [8,360.90625 200x100]
+        BlockContainer <(anonymous)> at (8,360.90625) content-size 200x100 inline-block [BFC] children: inline
           TextNode <#text>
-      BlockContainer <(anonymous)> at (8,460.796875) content-size 784x0 children: inline
+      BlockContainer <(anonymous)> at (8,460.90625) content-size 784x0 children: inline
         TextNode <#text>
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x468.796875]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x452.796875]
-      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x21.828125]
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x468.90625]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x452.90625]
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x21.84375]
         TextPaintable (TextNode<#text>)
-      PaintableWithLines (BlockContainer<DIV>.a) [8,29.828125 784x100]
-        PaintableWithLines (BlockContainer(anonymous)) [8,29.828125 200x100]
-      PaintableWithLines (BlockContainer(anonymous)) [8,129.828125 784x65.484375]
+      PaintableWithLines (BlockContainer<DIV>.a) [8,29.84375 784x100]
+        PaintableWithLines (BlockContainer(anonymous)) [8,29.84375 200x100]
+      PaintableWithLines (BlockContainer(anonymous)) [8,129.84375 784x65.53125]
         TextPaintable (TextNode<#text>)
-      PaintableWithLines (BlockContainer<DIV>.b) [8,195.3125 784x100]
-        PaintableWithLines (BlockContainer(anonymous)) [8,195.3125 200x100]
-      PaintableWithLines (BlockContainer(anonymous)) [8,295.3125 784x65.484375]
+      PaintableWithLines (BlockContainer<DIV>.b) [8,195.375 784x100]
+        PaintableWithLines (BlockContainer(anonymous)) [8,195.375 200x100]
+      PaintableWithLines (BlockContainer(anonymous)) [8,295.375 784x65.53125]
         TextPaintable (TextNode<#text>)
-      PaintableWithLines (BlockContainer<DIV>.c) [8,360.796875 784x100]
-        PaintableWithLines (BlockContainer(anonymous)) [8,360.796875 200x100]
-      PaintableWithLines (BlockContainer(anonymous)) [8,460.796875 784x0]
+      PaintableWithLines (BlockContainer<DIV>.c) [8,360.90625 784x100]
+        PaintableWithLines (BlockContainer(anonymous)) [8,360.90625 200x100]
+      PaintableWithLines (BlockContainer(anonymous)) [8,460.90625 784x0]

+ 14 - 14
Tests/LibWeb/Layout/expected/svg-transforms-and-viewboxes.txt

@@ -23,12 +23,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         SVGGraphicsBox <g> at (50,150) content-size 0x0 children: inline
           TextNode <#text>
-          SVGGeometryBox <path> at (45.703125,199.828125) content-size 118.78125x47.453125 children: not-inline
+          SVGGeometryBox <path> at (45.6875,199.828125) content-size 118.78125x47.453125 children: not-inline
           TextNode <#text>
         TextNode <#text>
         SVGGraphicsBox <g> at (50,150) content-size 0x0 children: inline
           TextNode <#text>
-          SVGGeometryBox <path> at (84.5,159.484375) content-size 81x81 children: not-inline
+          SVGGeometryBox <path> at (84.5,159.5) content-size 81x81 children: not-inline
           TextNode <#text>
         TextNode <#text>
       TextNode <#text>
@@ -43,18 +43,18 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         SVGGeometryBox <rect> at (506,90) content-size 120x120 children: not-inline
         TextNode <#text>
-        SVGGeometryBox <rect> at (471.34375,90) content-size 189.28125x120 children: not-inline
+        SVGGeometryBox <rect> at (471.359375,90) content-size 189.28125x120 children: not-inline
         TextNode <#text>
       TextNode <#text>
       SVGSVGBox <svg> at (50,250) content-size 200x200 [SVG] children: inline
         TextNode <#text>
-        SVGGeometryBox <rect> at (120.578125,320.578125) content-size 58.8125x58.8125 children: not-inline
+        SVGGeometryBox <rect> at (120.59375,320.578125) content-size 58.828125x58.828125 children: not-inline
         TextNode <#text>
         TextNode <#text>
-        SVGGeometryBox <rect> at (52.4375,310.375) content-size 68.140625x68.140625 children: not-inline
+        SVGGeometryBox <rect> at (52.4375,310.359375) content-size 68.140625x68.140625 children: not-inline
         TextNode <#text>
         TextNode <#text>
-        SVGGeometryBox <rect> at (179.40625,321.484375) content-size 68.140625x68.140625 children: not-inline
+        SVGGeometryBox <rect> at (179.40625,321.46875) content-size 68.140625x68.140625 children: not-inline
         TextNode <#text>
       TextNode <#text>
       SVGSVGBox <svg> at (258,250) content-size 200x200 [SVG] children: inline
@@ -76,7 +76,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         TextNode <#text>
         SVGGeometryBox <rect> at (506,290) content-size 120x120 children: not-inline
         TextNode <#text>
-        SVGGeometryBox <rect> at (506,255.34375) content-size 120x189.28125 children: not-inline
+        SVGGeometryBox <rect> at (506,255.359375) content-size 120x189.28125 children: not-inline
         TextNode <#text>
       TextNode <#text>
       SVGSVGBox <svg> at (50,450) content-size 200x200 [SVG] children: inline
@@ -100,9 +100,9 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x700]
     PaintableWithLines (BlockContainer<BODY>) [50,50 700x600]
       SVGSVGPaintable (SVGSVGBox<svg>) [50,150 200x100]
         SVGGraphicsPaintable (SVGGraphicsBox<g>) [50,150 0x0]
-          SVGGeometryPaintable (SVGGeometryBox<path>) [45.703125,199.828125 118.78125x47.453125]
+          SVGGeometryPaintable (SVGGeometryBox<path>) [45.6875,199.828125 118.78125x47.453125]
         SVGGraphicsPaintable (SVGGraphicsBox<g>) [50,150 0x0]
-          SVGGeometryPaintable (SVGGeometryBox<path>) [84.5,159.484375 81x81]
+          SVGGeometryPaintable (SVGGeometryBox<path>) [84.5,159.5 81x81]
       TextPaintable (TextNode<#text>)
       SVGSVGPaintable (SVGSVGBox<svg>) [258,50 200x200]
         SVGGeometryPaintable (SVGGeometryBox<rect>) [268,60 30x20]
@@ -110,11 +110,11 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x700]
       TextPaintable (TextNode<#text>)
       SVGSVGPaintable (SVGSVGBox<svg>) [466,50 200x200]
         SVGGeometryPaintable (SVGGeometryBox<rect>) [506,90 120x120]
-        SVGGeometryPaintable (SVGGeometryBox<rect>) [471.34375,90 189.28125x120]
+        SVGGeometryPaintable (SVGGeometryBox<rect>) [471.359375,90 189.28125x120]
       SVGSVGPaintable (SVGSVGBox<svg>) [50,250 200x200]
-        SVGGeometryPaintable (SVGGeometryBox<rect>) [120.578125,320.578125 58.8125x58.8125]
-        SVGGeometryPaintable (SVGGeometryBox<rect>) [52.4375,310.375 68.140625x68.140625]
-        SVGGeometryPaintable (SVGGeometryBox<rect>) [179.40625,321.484375 68.140625x68.140625]
+        SVGGeometryPaintable (SVGGeometryBox<rect>) [120.59375,320.578125 58.828125x58.828125]
+        SVGGeometryPaintable (SVGGeometryBox<rect>) [52.4375,310.359375 68.140625x68.140625]
+        SVGGeometryPaintable (SVGGeometryBox<rect>) [179.40625,321.46875 68.140625x68.140625]
       TextPaintable (TextNode<#text>)
       SVGSVGPaintable (SVGSVGBox<svg>) [258,250 200x200]
         SVGGeometryPaintable (SVGGeometryBox<circle>) [278,270 160x160]
@@ -124,7 +124,7 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x700]
       TextPaintable (TextNode<#text>)
       SVGSVGPaintable (SVGSVGBox<svg>) [466,250 200x200]
         SVGGeometryPaintable (SVGGeometryBox<rect>) [506,290 120x120]
-        SVGGeometryPaintable (SVGGeometryBox<rect>) [506,255.34375 120x189.28125]
+        SVGGeometryPaintable (SVGGeometryBox<rect>) [506,255.359375 120x189.28125]
       SVGSVGPaintable (SVGSVGBox<svg>) [50,450 200x200]
         SVGGeometryPaintable (SVGGeometryBox<rect>) [60,460 80x80]
         SVGGeometryPaintable (SVGGeometryBox<rect>) [160,460 80x80]

+ 2 - 2
Tests/LibWeb/Layout/expected/svg/svg-negative-elliptical-arg-number.txt

@@ -4,10 +4,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
       line 0 width: 100, height: 100, bottom: 100, baseline: 100
         frag 0 from SVGSVGBox start: 0, length: 0, rect: [8,8 100x100]
       SVGSVGBox <svg> at (8,8) content-size 100x100 [SVG] children: not-inline
-        SVGGeometryBox <path> at (8,9.984375) content-size 100x48 children: not-inline
+        SVGGeometryBox <path> at (8,10) content-size 100x48 children: not-inline
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x116]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x100]
       SVGSVGPaintable (SVGSVGBox<svg>) [8,8 100x100]
-        SVGGeometryPaintable (SVGGeometryBox<path>) [8,9.984375 100x48]
+        SVGGeometryPaintable (SVGGeometryBox<path>) [8,10 100x48]

+ 1 - 1
Tests/LibWeb/Layout/expected/svg/svg-symbol-with-viewbox.txt

@@ -13,7 +13,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           InlineNode <use>
             InlineNode <symbol#braces>
               TextNode <#text>
-              SVGGeometryBox <path> at (92.375,26.75) content-size 131.25x112.140625 children: inline
+              SVGGeometryBox <path> at (92.375,26.75) content-size 131.25x112.15625 children: inline
                 TextNode <#text>
               TextNode <#text>
           TextNode <#text>

+ 6 - 6
Tests/LibWeb/Layout/expected/table/cell-auto-max-width-table-percentage-width.txt

@@ -8,10 +8,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
           Box <table#table> at (8,8) content-size 80x23.46875 table-box [TFC] children: not-inline
             BlockContainer <(anonymous)> (not painted) children: inline
               TextNode <#text>
-            Box <tbody> at (8,8) content-size 71.984375x19.46875 table-row-group children: not-inline
+            Box <tbody> at (8,8) content-size 72x19.46875 table-row-group children: not-inline
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              Box <tr> at (10,10) content-size 71.984375x19.46875 table-row children: not-inline
+              Box <tr> at (10,10) content-size 72x19.46875 table-row children: not-inline
                 BlockContainer <(anonymous)> (not painted) children: inline
                   TextNode <#text>
                 BlockContainer <td> at (11,11) content-size 17.828125x17.46875 table-cell [BFC] children: inline
@@ -28,7 +28,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
                   TextNode <#text>
                 BlockContainer <(anonymous)> (not painted) children: inline
                   TextNode <#text>
-                BlockContainer <td> at (48.65625,11) content-size 36.328125x17.46875 table-cell [BFC] children: inline
+                BlockContainer <td> at (48.65625,11) content-size 36.34375x17.46875 table-cell [BFC] children: inline
                   line 0 width: 29.453125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
                     frag 0 from TextNode start: 0, length: 3, rect: [48.65625,11 29.453125x17.46875]
                       "C D"
@@ -49,12 +49,12 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
         PaintableWithLines (BlockContainer(anonymous)) [8,8 80x0]
         PaintableWithLines (TableWrapper(anonymous)) [8,8 80x23.46875]
           PaintableBox (Box<TABLE>#table) [8,8 80x23.46875]
-            PaintableBox (Box<TBODY>) [8,8 71.984375x19.46875] overflow: [8,8 77.984375x21.46875]
-              PaintableBox (Box<TR>) [10,10 71.984375x19.46875] overflow: [10,10 75.984375x19.46875]
+            PaintableBox (Box<TBODY>) [8,8 72x19.46875] overflow: [8,8 78x21.46875]
+              PaintableBox (Box<TR>) [10,10 72x19.46875] overflow: [10,10 76x19.46875]
                 PaintableWithLines (BlockContainer<TD>) [10,10 19.828125x19.46875]
                   TextPaintable (TextNode<#text>)
                 PaintableWithLines (BlockContainer<TD>) [31.828125,10 13.828125x19.46875]
                   TextPaintable (TextNode<#text>)
-                PaintableWithLines (BlockContainer<TD>) [47.65625,10 38.328125x19.46875]
+                PaintableWithLines (BlockContainer<TD>) [47.65625,10 38.34375x19.46875]
                   TextPaintable (TextNode<#text>)
         PaintableWithLines (BlockContainer(anonymous)) [8,31.46875 80x0]

+ 24 - 24
Tests/LibWeb/Layout/expected/table/cell-relative-to-specified-table-width.txt

@@ -5,55 +5,55 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         Box <table> at (8,8) content-size 784x44.9375 table-box [TFC] children: not-inline
           BlockContainer <(anonymous)> (not painted) children: inline
             TextNode <#text>
-          Box <tbody> at (8,8) content-size 775.96875x38.9375 table-row-group children: not-inline
+          Box <tbody> at (8,8) content-size 776x38.9375 table-row-group children: not-inline
             BlockContainer <(anonymous)> (not painted) children: inline
               TextNode <#text>
-            Box <tr> at (10,10) content-size 775.96875x19.46875 table-row children: not-inline
+            Box <tr> at (10,10) content-size 776x19.46875 table-row children: not-inline
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <th> at (11,11) content-size 300.625x17.46875 table-cell [BFC] children: inline
+              BlockContainer <th> at (11,11) content-size 300.640625x17.46875 table-cell [BFC] children: inline
                 line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 1, rect: [154.171875,11 14.265625x17.46875]
+                  frag 0 from TextNode start: 0, length: 1, rect: [154.1875,11 14.265625x17.46875]
                     "A"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <th> at (315.625,11) content-size 168.71875x17.46875 table-cell [BFC] children: inline
+              BlockContainer <th> at (315.640625,11) content-size 168.71875x17.46875 table-cell [BFC] children: inline
                 line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 1, rect: [395.3125,11 9.34375x17.46875]
+                  frag 0 from TextNode start: 0, length: 1, rect: [395.328125,11 9.34375x17.46875]
                     "B"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <th> at (488.34375,11) content-size 300.625x17.46875 table-cell [BFC] children: inline
+              BlockContainer <th> at (488.359375,11) content-size 300.640625x17.46875 table-cell [BFC] children: inline
                 line 0 width: 29.453125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 3, rect: [623.921875,11 29.453125x17.46875]
+                  frag 0 from TextNode start: 0, length: 3, rect: [623.953125,11 29.453125x17.46875]
                     "C D"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
             BlockContainer <(anonymous)> (not painted) children: inline
               TextNode <#text>
-            Box <tr> at (10,31.46875) content-size 775.96875x19.46875 table-row children: not-inline
+            Box <tr> at (10,31.46875) content-size 776x19.46875 table-row children: not-inline
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (11,32.46875) content-size 300.625x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (11,32.46875) content-size 300.640625x17.46875 table-cell [BFC] children: inline
                 line 0 width: 11.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 1, rect: [155.375,32.46875 11.859375x17.46875]
+                  frag 0 from TextNode start: 0, length: 1, rect: [155.390625,32.46875 11.859375x17.46875]
                     "E"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (315.625,32.46875) content-size 168.71875x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (315.640625,32.46875) content-size 168.71875x17.46875 table-cell [BFC] children: inline
                 line 0 width: 12.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 1, rect: [393.703125,32.46875 12.546875x17.46875]
+                  frag 0 from TextNode start: 0, length: 1, rect: [393.71875,32.46875 12.546875x17.46875]
                     "F"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (488.34375,32.46875) content-size 300.625x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (488.359375,32.46875) content-size 300.640625x17.46875 table-cell [BFC] children: inline
                 line 0 width: 13.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 1, rect: [632.03125,32.46875 13.234375x17.46875]
+                  frag 0 from TextNode start: 0, length: 1, rect: [632.0625,32.46875 13.234375x17.46875]
                     "G"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
@@ -68,18 +68,18 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x44.9375]
       PaintableWithLines (TableWrapper(anonymous)) [8,8 784x44.9375]
         PaintableBox (Box<TABLE>) [8,8 784x44.9375]
-          PaintableBox (Box<TBODY>) [8,8 775.96875x38.9375] overflow: [8,8 781.96875x42.9375]
-            PaintableBox (Box<TR>) [10,10 775.96875x19.46875] overflow: [10,10 779.96875x19.46875]
-              PaintableWithLines (BlockContainer<TH>) [10,10 302.625x19.46875]
+          PaintableBox (Box<TBODY>) [8,8 776x38.9375] overflow: [8,8 782x42.9375]
+            PaintableBox (Box<TR>) [10,10 776x19.46875] overflow: [10,10 780x19.46875]
+              PaintableWithLines (BlockContainer<TH>) [10,10 302.640625x19.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TH>) [314.625,10 170.71875x19.46875]
+              PaintableWithLines (BlockContainer<TH>) [314.640625,10 170.71875x19.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TH>) [487.34375,10 302.625x19.46875]
+              PaintableWithLines (BlockContainer<TH>) [487.359375,10 302.640625x19.46875]
                 TextPaintable (TextNode<#text>)
-            PaintableBox (Box<TR>) [10,31.46875 775.96875x19.46875] overflow: [10,31.46875 779.96875x19.46875]
-              PaintableWithLines (BlockContainer<TD>) [10,31.46875 302.625x19.46875]
+            PaintableBox (Box<TR>) [10,31.46875 776x19.46875] overflow: [10,31.46875 780x19.46875]
+              PaintableWithLines (BlockContainer<TD>) [10,31.46875 302.640625x19.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TD>) [314.625,31.46875 170.71875x19.46875]
+              PaintableWithLines (BlockContainer<TD>) [314.640625,31.46875 170.71875x19.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TD>) [487.34375,31.46875 302.625x19.46875]
+              PaintableWithLines (BlockContainer<TD>) [487.359375,31.46875 302.640625x19.46875]
                 TextPaintable (TextNode<#text>)

+ 15 - 15
Tests/LibWeb/Layout/expected/table/colspan-percentage-width.txt

@@ -9,23 +9,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             Box <tr> at (9,9) content-size 418x21.46875 table-row children: not-inline
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (11,11) content-size 79.6875x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (11,11) content-size 79.59375x17.46875 table-cell [BFC] children: inline
                 line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 1, rect: [43.703125,11 14.265625x17.46875]
+                  frag 0 from TextNode start: 0, length: 1, rect: [43.65625,11 14.265625x17.46875]
                     "A"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (94.6875,11) content-size 157.3125x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (94.59375,11) content-size 157.328125x17.46875 table-cell [BFC] children: inline
                 line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 1, rect: [168.671875,11 9.34375x17.46875]
+                  frag 0 from TextNode start: 0, length: 1, rect: [168.578125,11 9.34375x17.46875]
                     "B"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (256,11) content-size 169x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (255.921875,11) content-size 169.078125x17.46875 table-cell [BFC] children: inline
                 line 0 width: 10.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 1, rect: [335.34375,11 10.3125x17.46875]
+                  frag 0 from TextNode start: 0, length: 1, rect: [335.296875,11 10.3125x17.46875]
                     "C"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
@@ -35,16 +35,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             Box <tr> at (9,30.46875) content-size 418x21.46875 table-row children: not-inline
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (11,32.46875) content-size 79.6875x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (11,32.46875) content-size 79.59375x17.46875 table-cell [BFC] children: inline
                 line 0 width: 11.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 1, rect: [45.265625,32.46875 11.140625x17.46875]
+                  frag 0 from TextNode start: 0, length: 1, rect: [45.21875,32.46875 11.140625x17.46875]
                     "D"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (94.6875,32.46875) content-size 330.3125x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (94.59375,32.46875) content-size 330.40625x17.46875 table-cell [BFC] children: inline
                 line 0 width: 11.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 1, rect: [253.90625,32.46875 11.859375x17.46875]
+                  frag 0 from TextNode start: 0, length: 1, rect: [253.859375,32.46875 11.859375x17.46875]
                     "E"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
@@ -59,14 +59,14 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
         PaintableBox (Box<TABLE>) [8,8 420x44.9375]
           PaintableBox (Box<TBODY>) [9,9 418x42.9375]
             PaintableBox (Box<TR>) [9,9 418x21.46875]
-              PaintableWithLines (BlockContainer<TD>) [9,9 83.6875x21.46875]
+              PaintableWithLines (BlockContainer<TD>) [9,9 83.59375x21.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TD>) [92.6875,9 161.3125x21.46875]
+              PaintableWithLines (BlockContainer<TD>) [92.59375,9 161.328125x21.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TD>) [254,9 173x21.46875]
+              PaintableWithLines (BlockContainer<TD>) [253.921875,9 173.078125x21.46875]
                 TextPaintable (TextNode<#text>)
             PaintableBox (Box<TR>) [9,30.46875 418x21.46875]
-              PaintableWithLines (BlockContainer<TD>) [9,30.46875 83.6875x21.46875]
+              PaintableWithLines (BlockContainer<TD>) [9,30.46875 83.59375x21.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TD>) [92.6875,30.46875 334.3125x21.46875]
+              PaintableWithLines (BlockContainer<TD>) [92.59375,30.46875 334.40625x21.46875]
                 TextPaintable (TextNode<#text>)

+ 17 - 17
Tests/LibWeb/Layout/expected/table/colspan-width-distribution.txt

@@ -5,34 +5,34 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
     BlockContainer <body> at (8,8) content-size 784x44.9375 children: not-inline
       BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
         TextNode <#text>
-      TableWrapper <(anonymous)> at (8,8) content-size 39.296875x44.9375 [BFC] children: not-inline
-        Box <table> at (9,9) content-size 37.296875x42.9375 table-box [TFC] children: not-inline
+      TableWrapper <(anonymous)> at (8,8) content-size 39.3125x44.9375 [BFC] children: not-inline
+        Box <table> at (9,9) content-size 37.3125x42.9375 table-box [TFC] children: not-inline
           BlockContainer <(anonymous)> (not painted) children: inline
             TextNode <#text>
-          Box <tbody> at (9,9) content-size 37.296875x42.9375 table-row-group children: not-inline
-            Box <tr> at (9,9) content-size 37.296875x21.46875 table-row children: not-inline
+          Box <tbody> at (9,9) content-size 37.3125x42.9375 table-row-group children: not-inline
+            Box <tr> at (9,9) content-size 37.3125x21.46875 table-row children: not-inline
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (11,11) content-size 17.546875x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (11,11) content-size 17.5625x17.46875 table-cell [BFC] children: inline
                 line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
                   frag 0 from TextNode start: 0, length: 1, rect: [12.640625,11 14.265625x17.46875]
                     "A"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (32.546875,11) content-size 11.75x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (32.5625,11) content-size 11.75x17.46875 table-cell [BFC] children: inline
                 line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 1, rect: [33.75,11 9.34375x17.46875]
+                  frag 0 from TextNode start: 0, length: 1, rect: [33.765625,11 9.34375x17.46875]
                     "B"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
             BlockContainer <(anonymous)> (not painted) children: inline
               TextNode <#text>
-            Box <tr> at (9,30.46875) content-size 37.296875x21.46875 table-row children: not-inline
+            Box <tr> at (9,30.46875) content-size 37.3125x21.46875 table-row children: not-inline
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (11,32.46875) content-size 33.296875x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (11,32.46875) content-size 33.3125x17.46875 table-cell [BFC] children: inline
                 line 0 width: 33.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
                   frag 0 from TextNode start: 0, length: 3, rect: [11,32.46875 33.3125x17.46875]
                     "CDE"
@@ -49,15 +49,15 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
     PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x44.9375]
       PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
-      PaintableWithLines (TableWrapper(anonymous)) [8,8 39.296875x44.9375]
-        PaintableBox (Box<TABLE>) [8,8 39.296875x44.9375]
-          PaintableBox (Box<TBODY>) [9,9 37.296875x42.9375]
-            PaintableBox (Box<TR>) [9,9 37.296875x21.46875]
-              PaintableWithLines (BlockContainer<TD>) [9,9 21.546875x21.46875]
+      PaintableWithLines (TableWrapper(anonymous)) [8,8 39.3125x44.9375]
+        PaintableBox (Box<TABLE>) [8,8 39.3125x44.9375]
+          PaintableBox (Box<TBODY>) [9,9 37.3125x42.9375]
+            PaintableBox (Box<TR>) [9,9 37.3125x21.46875]
+              PaintableWithLines (BlockContainer<TD>) [9,9 21.5625x21.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TD>) [30.546875,9 15.75x21.46875]
+              PaintableWithLines (BlockContainer<TD>) [30.5625,9 15.75x21.46875]
                 TextPaintable (TextNode<#text>)
-            PaintableBox (Box<TR>) [9,30.46875 37.296875x21.46875]
-              PaintableWithLines (BlockContainer<TD>) [9,30.46875 37.296875x21.46875]
+            PaintableBox (Box<TR>) [9,30.46875 37.3125x21.46875]
+              PaintableWithLines (BlockContainer<TD>) [9,30.46875 37.3125x21.46875]
                 TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,52.9375 784x0]

+ 18 - 18
Tests/LibWeb/Layout/expected/table/long-caption-increases-width.txt

@@ -17,10 +17,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
             TextNode <#text>
           BlockContainer <(anonymous)> (not painted) children: inline
             TextNode <#text>
-          Box <thead> at (10,10) content-size 53.03125x21.46875 table-header-group children: not-inline
+          Box <thead> at (10,10) content-size 53.046875x21.46875 table-header-group children: not-inline
             BlockContainer <(anonymous)> (not painted) children: inline
               TextNode <#text>
-            Box <tr> at (12,44.9375) content-size 53.03125x21.46875 table-row children: not-inline
+            Box <tr> at (12,44.9375) content-size 53.046875x21.46875 table-row children: not-inline
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
               BlockContainer <td> at (14,46.9375) content-size 21.25x17.46875 table-cell [BFC] children: inline
@@ -30,7 +30,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (41.25,46.9375) content-size 23.78125x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (41.25,46.9375) content-size 23.796875x17.46875 table-cell [BFC] children: inline
                 line 0 width: 23.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
                   frag 0 from TextNode start: 0, length: 2, rect: [41.25,46.9375 23.078125x17.46875]
                     "A2"
@@ -41,10 +41,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
               TextNode <#text>
           BlockContainer <(anonymous)> (not painted) children: inline
             TextNode <#text>
-          Box <tbody> at (10,31.46875) content-size 53.03125x21.46875 table-row-group children: not-inline
+          Box <tbody> at (10,31.46875) content-size 53.046875x21.46875 table-row-group children: not-inline
             BlockContainer <(anonymous)> (not painted) children: inline
               TextNode <#text>
-            Box <tr> at (12,68.40625) content-size 53.03125x21.46875 table-row children: not-inline
+            Box <tr> at (12,68.40625) content-size 53.046875x21.46875 table-row children: not-inline
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
               BlockContainer <td> at (14,70.40625) content-size 21.25x17.46875 table-cell [BFC] children: inline
@@ -54,7 +54,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (41.25,70.40625) content-size 23.78125x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (41.25,70.40625) content-size 23.796875x17.46875 table-cell [BFC] children: inline
                 line 0 width: 18.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
                   frag 0 from TextNode start: 0, length: 2, rect: [41.25,70.40625 18.15625x17.46875]
                     "B2"
@@ -65,10 +65,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
               TextNode <#text>
           BlockContainer <(anonymous)> (not painted) children: inline
             TextNode <#text>
-          Box <tfoot> at (10,52.9375) content-size 53.03125x21.46875 table-footer-group children: not-inline
+          Box <tfoot> at (10,52.9375) content-size 53.046875x21.46875 table-footer-group children: not-inline
             BlockContainer <(anonymous)> (not painted) children: inline
               TextNode <#text>
-            Box <tr> at (12,91.875) content-size 53.03125x21.46875 table-row children: not-inline
+            Box <tr> at (12,91.875) content-size 53.046875x21.46875 table-row children: not-inline
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
               BlockContainer <td> at (14,93.875) content-size 21.25x17.46875 table-cell [BFC] children: inline
@@ -78,7 +78,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (41.25,93.875) content-size 23.78125x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (41.25,93.875) content-size 23.796875x17.46875 table-cell [BFC] children: inline
                 line 0 width: 21.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
                   frag 0 from TextNode start: 0, length: 2, rect: [41.25,93.875 21.359375x17.46875]
                     "F2"
@@ -100,22 +100,22 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
         PaintableBox (Box<TABLE>#full-table) [8,40.9375 63.046875x76.40625] overflow: [8,8 61.046875x107.34375]
           PaintableWithLines (BlockContainer<CAPTION>) [8,8 59.046875x34.9375]
             TextPaintable (TextNode<#text>)
-          PaintableBox (Box<THEAD>) [10,10 53.03125x21.46875] overflow: [10,10 57.03125x56.40625]
-            PaintableBox (Box<TR>) [12,44.9375 53.03125x21.46875] overflow: [12,44.9375 55.03125x21.46875]
+          PaintableBox (Box<THEAD>) [10,10 53.046875x21.46875] overflow: [10,10 57.046875x56.40625]
+            PaintableBox (Box<TR>) [12,44.9375 53.046875x21.46875] overflow: [12,44.9375 55.046875x21.46875]
               PaintableWithLines (BlockContainer<TD>) [12,44.9375 25.25x21.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TD>) [39.25,44.9375 27.78125x21.46875]
+              PaintableWithLines (BlockContainer<TD>) [39.25,44.9375 27.796875x21.46875]
                 TextPaintable (TextNode<#text>)
-          PaintableBox (Box<TBODY>) [10,31.46875 53.03125x21.46875] overflow: [10,31.46875 57.03125x58.40625]
-            PaintableBox (Box<TR>) [12,68.40625 53.03125x21.46875] overflow: [12,68.40625 55.03125x21.46875]
+          PaintableBox (Box<TBODY>) [10,31.46875 53.046875x21.46875] overflow: [10,31.46875 57.046875x58.40625]
+            PaintableBox (Box<TR>) [12,68.40625 53.046875x21.46875] overflow: [12,68.40625 55.046875x21.46875]
               PaintableWithLines (BlockContainer<TD>) [12,68.40625 25.25x21.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TD>) [39.25,68.40625 27.78125x21.46875]
+              PaintableWithLines (BlockContainer<TD>) [39.25,68.40625 27.796875x21.46875]
                 TextPaintable (TextNode<#text>)
-          PaintableBox (Box<TFOOT>) [10,52.9375 53.03125x21.46875] overflow: [10,52.9375 57.03125x60.40625]
-            PaintableBox (Box<TR>) [12,91.875 53.03125x21.46875] overflow: [12,91.875 55.03125x21.46875]
+          PaintableBox (Box<TFOOT>) [10,52.9375 53.046875x21.46875] overflow: [10,52.9375 57.046875x60.40625]
+            PaintableBox (Box<TR>) [12,91.875 53.046875x21.46875] overflow: [12,91.875 55.046875x21.46875]
               PaintableWithLines (BlockContainer<TD>) [12,91.875 25.25x21.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TD>) [39.25,91.875 27.78125x21.46875]
+              PaintableWithLines (BlockContainer<TD>) [39.25,91.875 27.796875x21.46875]
                 TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,119.34375 784x0]

+ 10 - 10
Tests/LibWeb/Layout/expected/table/multi-line-cell.txt

@@ -5,8 +5,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         Box <table> at (9,9) content-size 79.4375x83.875 table-box [TFC] children: not-inline
           BlockContainer <(anonymous)> (not painted) children: inline
             TextNode <#text>
-          Box <tbody> at (9,9) content-size 75.4375x77.859375 table-row-group children: not-inline
-            Box <tr> at (11,11) content-size 75.4375x21.453125 table-row children: not-inline
+          Box <tbody> at (9,9) content-size 75.4375x77.875 table-row-group children: not-inline
+            Box <tr> at (11,11) content-size 75.4375x21.46875 table-row children: not-inline
               BlockContainer <td> at (13,13) content-size 71.4375x17.46875 table-cell [BFC] children: inline
                 line 0 width: 7.9375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
                   frag 0 from TextNode start: 0, length: 1, rect: [13,13 7.9375x17.46875]
@@ -14,13 +14,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
                 TextNode <#text>
             BlockContainer <(anonymous)> (not painted) children: inline
               TextNode <#text>
-            Box <tr> at (11,34.453125) content-size 75.4375x56.40625 table-row children: not-inline
-              BlockContainer <td> at (13,45.1875) content-size 71.4375x34.9375 table-cell [BFC] children: inline
+            Box <tr> at (11,34.46875) content-size 75.4375x56.40625 table-row children: not-inline
+              BlockContainer <td> at (13,45.203125) content-size 71.4375x34.9375 table-cell [BFC] children: inline
                 line 0 width: 71.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 9, rect: [13,45.1875 71.4375x17.46875]
+                  frag 0 from TextNode start: 0, length: 9, rect: [13,45.203125 71.4375x17.46875]
                     "*********"
                 line 1 width: 63.5625, height: 17.46875, bottom: 34.9375, baseline: 13.53125
-                  frag 0 from TextNode start: 10, length: 8, rect: [13,62.65625 63.5625x17.46875]
+                  frag 0 from TextNode start: 10, length: 8, rect: [13,62.671875 63.5625x17.46875]
                     "***** **"
                 TextNode <#text>
             BlockContainer <(anonymous)> (not painted) children: inline
@@ -33,11 +33,11 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x85.875]
       PaintableWithLines (TableWrapper(anonymous)) [8,8 81.4375x85.875]
         PaintableBox (Box<TABLE>) [8,8 81.4375x85.875]
-          PaintableBox (Box<TBODY>) [9,9 75.4375x77.859375] overflow: [9,9 77.4375x81.859375]
-            PaintableBox (Box<TR>) [11,11 75.4375x21.453125] overflow: [11,11 75.4375x21.46875]
+          PaintableBox (Box<TBODY>) [9,9 75.4375x77.875] overflow: [9,9 77.4375x81.875]
+            PaintableBox (Box<TR>) [11,11 75.4375x21.46875]
               PaintableWithLines (BlockContainer<TD>) [11,11 75.4375x21.46875]
                 TextPaintable (TextNode<#text>)
-            PaintableBox (Box<TR>) [11,34.453125 75.4375x56.40625]
-              PaintableWithLines (BlockContainer<TD>) [11,34.453125 75.4375x56.40625]
+            PaintableBox (Box<TR>) [11,34.46875 75.4375x56.40625]
+              PaintableWithLines (BlockContainer<TD>) [11,34.46875 75.4375x56.40625]
                 TextPaintable (TextNode<#text>)
       PaintableWithLines (BlockContainer(anonymous)) [8,93.875 784x0]

+ 12 - 12
Tests/LibWeb/Layout/expected/table/percentage-width-columns.txt

@@ -5,29 +5,29 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         Box <table> at (9,9) content-size 87x20.46875 table-box [TFC] children: not-inline
           BlockContainer <(anonymous)> (not painted) children: inline
             TextNode <#text>
-          Box <tbody> at (9,9) content-size 86.984375x20.46875 table-row-group children: not-inline
+          Box <tbody> at (9,9) content-size 87x20.46875 table-row-group children: not-inline
             BlockContainer <(anonymous)> (not painted) children: inline
               TextNode <#text>
-            Box <tr> at (9,9) content-size 86.984375x20.46875 table-row children: not-inline
+            Box <tr> at (9,9) content-size 87x20.46875 table-row children: not-inline
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (10.5,10.5) content-size 14.390625x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (10.5,10.5) content-size 14.40625x17.46875 table-cell [BFC] children: inline
                 line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
                   frag 0 from TextNode start: 0, length: 1, rect: [10.5625,10.5 14.265625x17.46875]
                     "A"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (27.890625,10.5) content-size 49.203125x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (27.90625,10.5) content-size 49.1875x17.46875 table-cell [BFC] children: inline
                 line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 1, rect: [47.8125,10.5 9.34375x17.46875]
+                  frag 0 from TextNode start: 0, length: 1, rect: [47.828125,10.5 9.34375x17.46875]
                     "B"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (80.09375,10.5) content-size 14.390625x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (80.09375,10.5) content-size 14.40625x17.46875 table-cell [BFC] children: inline
                 line 0 width: 10.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 1, rect: [82.125,10.5 10.3125x17.46875]
+                  frag 0 from TextNode start: 0, length: 1, rect: [82.140625,10.5 10.3125x17.46875]
                     "C"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
@@ -42,11 +42,11 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x22.46875]
       PaintableWithLines (TableWrapper(anonymous)) [8,8 89x22.46875]
         PaintableBox (Box<TABLE>) [8,8 89x22.46875]
-          PaintableBox (Box<TBODY>) [9,9 86.984375x20.46875]
-            PaintableBox (Box<TR>) [9,9 86.984375x20.46875]
-              PaintableWithLines (BlockContainer<TD>) [9,9 17.390625x20.46875]
+          PaintableBox (Box<TBODY>) [9,9 87x20.46875]
+            PaintableBox (Box<TR>) [9,9 87x20.46875]
+              PaintableWithLines (BlockContainer<TD>) [9,9 17.40625x20.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TD>) [26.390625,9 52.203125x20.46875]
+              PaintableWithLines (BlockContainer<TD>) [26.40625,9 52.1875x20.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TD>) [78.59375,9 17.390625x20.46875]
+              PaintableWithLines (BlockContainer<TD>) [78.59375,9 17.40625x20.46875]
                 TextPaintable (TextNode<#text>)

+ 9 - 9
Tests/LibWeb/Layout/expected/table/percentage-width-max-width-columns.txt

@@ -5,8 +5,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         Box <table> at (8,8) content-size 116x20.46875 table-box [TFC] children: not-inline
           BlockContainer <(anonymous)> (not painted) children: inline
             TextNode <#text>
-          Box <tbody> at (8,8) content-size 115.984375x20.46875 table-row-group children: not-inline
-            Box <tr> at (8,8) content-size 115.984375x20.46875 table-row children: not-inline
+          Box <tbody> at (8,8) content-size 116x20.46875 table-row-group children: not-inline
+            Box <tr> at (8,8) content-size 116x20.46875 table-row children: not-inline
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
               BlockContainer <td> at (9.5,9.5) content-size 31.796875x17.46875 table-cell [BFC] children: inline
@@ -16,16 +16,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (44.296875,9.5) content-size 43.390625x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (44.296875,9.5) content-size 43.40625x17.46875 table-cell [BFC] children: inline
                 line 0 width: 10.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
                   frag 0 from TextNode start: 0, length: 1, rect: [44.296875,9.5 10.3125x17.46875]
                     "C"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (90.6875,9.5) content-size 31.796875x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (90.703125,9.5) content-size 31.796875x17.46875 table-cell [BFC] children: inline
                 line 0 width: 11.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 1, rect: [90.6875,9.5 11.140625x17.46875]
+                  frag 0 from TextNode start: 0, length: 1, rect: [90.703125,9.5 11.140625x17.46875]
                     "D"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
@@ -38,11 +38,11 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x20.46875]
       PaintableWithLines (TableWrapper(anonymous)) [8,8 116x20.46875]
         PaintableBox (Box<TABLE>) [8,8 116x20.46875]
-          PaintableBox (Box<TBODY>) [8,8 115.984375x20.46875]
-            PaintableBox (Box<TR>) [8,8 115.984375x20.46875]
+          PaintableBox (Box<TBODY>) [8,8 116x20.46875]
+            PaintableBox (Box<TR>) [8,8 116x20.46875]
               PaintableWithLines (BlockContainer<TD>) [8,8 34.796875x20.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TD>) [42.796875,8 46.390625x20.46875]
+              PaintableWithLines (BlockContainer<TD>) [42.796875,8 46.40625x20.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TD>) [89.1875,8 34.796875x20.46875]
+              PaintableWithLines (BlockContainer<TD>) [89.203125,8 34.796875x20.46875]
                 TextPaintable (TextNode<#text>)

+ 12 - 12
Tests/LibWeb/Layout/expected/table/sum-of-percentage-column-widths-less-than-100.txt

@@ -5,27 +5,27 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         Box <table> at (9,9) content-size 92x25.46875 table-box [TFC] children: not-inline
           BlockContainer <(anonymous)> (not painted) children: inline
             TextNode <#text>
-          Box <tbody> at (9,9) content-size 83.984375x21.46875 table-row-group children: not-inline
-            Box <tr> at (11,11) content-size 83.984375x21.46875 table-row children: not-inline
+          Box <tbody> at (9,9) content-size 84.015625x21.46875 table-row-group children: not-inline
+            Box <tr> at (11,11) content-size 84.015625x21.46875 table-row children: not-inline
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (13,13) content-size 18.09375x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (13,13) content-size 18.109375x17.46875 table-cell [BFC] children: inline
                 line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
                   frag 0 from TextNode start: 0, length: 1, rect: [13,13 14.265625x17.46875]
                     "A"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (37.09375,13) content-size 37.265625x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (37.109375,13) content-size 37.265625x17.46875 table-cell [BFC] children: inline
                 line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 1, rect: [37.09375,13 9.34375x17.46875]
+                  frag 0 from TextNode start: 0, length: 1, rect: [37.109375,13 9.34375x17.46875]
                     "B"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (80.359375,13) content-size 16.625x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (80.375,13) content-size 16.640625x17.46875 table-cell [BFC] children: inline
                 line 0 width: 10.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 0, length: 1, rect: [80.359375,13 10.3125x17.46875]
+                  frag 0 from TextNode start: 0, length: 1, rect: [80.375,13 10.3125x17.46875]
                     "C"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
@@ -38,11 +38,11 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x27.46875]
       PaintableWithLines (TableWrapper(anonymous)) [8,8 94x27.46875]
         PaintableBox (Box<TABLE>) [8,8 94x27.46875]
-          PaintableBox (Box<TBODY>) [9,9 83.984375x21.46875] overflow: [9,9 89.984375x23.46875]
-            PaintableBox (Box<TR>) [11,11 83.984375x21.46875] overflow: [11,11 87.984375x21.46875]
-              PaintableWithLines (BlockContainer<TD>) [11,11 22.09375x21.46875]
+          PaintableBox (Box<TBODY>) [9,9 84.015625x21.46875] overflow: [9,9 90.015625x23.46875]
+            PaintableBox (Box<TR>) [11,11 84.015625x21.46875] overflow: [11,11 88.015625x21.46875]
+              PaintableWithLines (BlockContainer<TD>) [11,11 22.109375x21.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TD>) [35.09375,11 41.265625x21.46875]
+              PaintableWithLines (BlockContainer<TD>) [35.109375,11 41.265625x21.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TD>) [78.359375,11 20.625x21.46875]
+              PaintableWithLines (BlockContainer<TD>) [78.375,11 20.640625x21.46875]
                 TextPaintable (TextNode<#text>)

+ 15 - 15
Tests/LibWeb/Layout/expected/table/width-distribution-of-max-width-increment.txt

@@ -5,29 +5,29 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
         Box <table> at (8,8) content-size 784x20.46875 table-box [TFC] children: not-inline
           BlockContainer <(anonymous)> (not painted) children: inline
             TextNode <#text>
-          Box <tbody> at (8,8) content-size 783.96875x20.46875 table-row-group children: not-inline
+          Box <tbody> at (8,8) content-size 784.015625x20.46875 table-row-group children: not-inline
             BlockContainer <(anonymous)> (not painted) children: inline
               TextNode <#text>
-            Box <tr> at (8,8) content-size 783.96875x20.46875 table-row children: not-inline
+            Box <tr> at (8,8) content-size 784.015625x20.46875 table-row children: not-inline
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (9.5,9.5) content-size 215.09375x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (9.5,9.5) content-size 215.109375x17.46875 table-cell [BFC] children: inline
                 line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
                   frag 0 from TextNode start: 1, length: 1, rect: [9.5,9.5 14.265625x17.46875]
                     "A"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (227.59375,9.5) content-size 152.921875x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (227.609375,9.5) content-size 152.9375x17.46875 table-cell [BFC] children: inline
                 line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 1, length: 1, rect: [227.59375,9.5 9.34375x17.46875]
+                  frag 0 from TextNode start: 1, length: 1, rect: [227.609375,9.5 9.34375x17.46875]
                     "B"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
                 TextNode <#text>
-              BlockContainer <td> at (383.515625,9.5) content-size 406.953125x17.46875 table-cell [BFC] children: inline
+              BlockContainer <td> at (383.546875,9.5) content-size 406.96875x17.46875 table-cell [BFC] children: inline
                 line 0 width: 29.453125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
-                  frag 0 from TextNode start: 1, length: 3, rect: [383.515625,9.5 29.453125x17.46875]
+                  frag 0 from TextNode start: 1, length: 3, rect: [383.546875,9.5 29.453125x17.46875]
                     "C D"
                 TextNode <#text>
               BlockContainer <(anonymous)> (not painted) children: inline
@@ -39,14 +39,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
 PaintableWithLines (Viewport<#document>) [0,0 800x600]
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x20.46875]
-      PaintableWithLines (TableWrapper(anonymous)) [8,8 784x20.46875]
-        PaintableBox (Box<TABLE>) [8,8 784x20.46875]
-          PaintableBox (Box<TBODY>) [8,8 783.96875x20.46875]
-            PaintableBox (Box<TR>) [8,8 783.96875x20.46875]
-              PaintableWithLines (BlockContainer<TD>) [8,8 218.09375x20.46875]
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x20.46875] overflow: [8,8 784.015625x20.46875]
+      PaintableWithLines (TableWrapper(anonymous)) [8,8 784x20.46875] overflow: [8,8 784.015625x20.46875]
+        PaintableBox (Box<TABLE>) [8,8 784x20.46875] overflow: [8,8 784.015625x20.46875]
+          PaintableBox (Box<TBODY>) [8,8 784.015625x20.46875]
+            PaintableBox (Box<TR>) [8,8 784.015625x20.46875]
+              PaintableWithLines (BlockContainer<TD>) [8,8 218.109375x20.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TD>) [226.09375,8 155.921875x20.46875]
+              PaintableWithLines (BlockContainer<TD>) [226.109375,8 155.9375x20.46875]
                 TextPaintable (TextNode<#text>)
-              PaintableWithLines (BlockContainer<TD>) [382.015625,8 409.953125x20.46875]
+              PaintableWithLines (BlockContainer<TD>) [382.046875,8 409.96875x20.46875]
                 TextPaintable (TextNode<#text>)