We use cookies to ensure you get the best experience on our website
صفحهٔ اصلی گشت‌و‌گذار راهنما
ثبت نام ورود
0ct0pu5
/
ladybird
1
0
انشعاب 0
پرونده‌ها مشکلات 0 درخواست واکشی 0 ویکی
فهرست منبع

LibWeb: Bring CSS `line-height` closer to other engines

This patch makes a few changes to the way we calculate line-height:

- `line-height: normal` is now resolved using metrics from the used
  font (specifically, round(A + D + lineGap)).

- `line-height: calc(...)` is now resolved at style compute time.

- `line-height` values are now absolutized at style compute time.

As a consequence of the above, we no longer need to walk the DOM
ancestor chain looking for line-heights during style computation.
Instead, values are inherited, resolved and absolutized locally.

This is not only much faster, but also makes our line-height metrics
match those of other engines like Gecko and Blink.
Andreas Kling 1 سال پیش
والد
f0722671c3
کامیت
e7de5cb4d2
100فایلهای تغییر یافته به همراه1397 افزوده شده و 1397 حذف شده
مشاهده تقسیم شده نمایش آمار تفاوت ها
  1. 7 7
      Tests/LibWeb/Layout/expected/abspos-flex-container-with-auto-height.txt
  2. 8 8
      Tests/LibWeb/Layout/expected/abspos-flexbox-with-auto-height.txt
  3. 8 8
      Tests/LibWeb/Layout/expected/abspos-with-percentage-insets.txt
  4. 12 12
      Tests/LibWeb/Layout/expected/anonymous-wrappers-continue-to-inherit-style-after-change.txt
  5. 14 14
      Tests/LibWeb/Layout/expected/block-and-inline/abspos-grid-with-definite-width.txt
  6. 6 6
      Tests/LibWeb/Layout/expected/block-and-inline/atomic-inline-with-percentage-vertical-align.txt
  7. 8 8
      Tests/LibWeb/Layout/expected/block-and-inline/atomic-inline-with-white-space-nowrap.txt
  8. 20 20
      Tests/LibWeb/Layout/expected/block-and-inline/bfc-consider-all-currently-stacked-floats.txt
  9. 6 6
      Tests/LibWeb/Layout/expected/block-and-inline/block-level-floating-box-with-clearance.txt
  10. 14 14
      Tests/LibWeb/Layout/expected/block-and-inline/block-with-fit-content-width-constraints.txt
  11. 10 10
      Tests/LibWeb/Layout/expected/block-and-inline/block-with-fit-content-width.txt
  12. 18 18
      Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-float.txt
  13. 34 34
      Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-sibling-float.txt
  14. 22 22
      Tests/LibWeb/Layout/expected/block-and-inline/block-with-max-content-width.txt
  15. 28 28
      Tests/LibWeb/Layout/expected/block-and-inline/block-with-min-content-width.txt
  16. 10 10
      Tests/LibWeb/Layout/expected/block-and-inline/block-with-negative-margin-and-no-intruding-floats.txt
  17. 22 22
      Tests/LibWeb/Layout/expected/block-and-inline/button-baseline-align.txt
  18. 17 17
      Tests/LibWeb/Layout/expected/block-and-inline/button-should-have-vertically-aligned-content.txt
  19. 20 20
      Tests/LibWeb/Layout/expected/block-and-inline/button-width.txt
  20. 16 16
      Tests/LibWeb/Layout/expected/block-and-inline/button-with-after-pseudo.txt
  21. 16 16
      Tests/LibWeb/Layout/expected/block-and-inline/button-with-before-pseudo.txt
  22. 26 26
      Tests/LibWeb/Layout/expected/block-and-inline/button-with-block-content-baseline-align.txt
  23. 12 12
      Tests/LibWeb/Layout/expected/block-and-inline/button-with-multiple-words-text-node-label.txt
  24. 12 12
      Tests/LibWeb/Layout/expected/block-and-inline/button-with-text-node-label-and-font-size.txt
  25. 12 12
      Tests/LibWeb/Layout/expected/block-and-inline/button-with-text-node-label.txt
  26. 12 12
      Tests/LibWeb/Layout/expected/block-and-inline/clear-both-from-inline-formatting-context.txt
  27. 14 14
      Tests/LibWeb/Layout/expected/block-and-inline/clear-both-without-introducing-clearance.txt
  28. 1 1
      Tests/LibWeb/Layout/expected/block-and-inline/columns-33-percent-width.txt
  29. 6 6
      Tests/LibWeb/Layout/expected/block-and-inline/flex-container-should-avoid-overlapping-floats.txt
  30. 56 56
      Tests/LibWeb/Layout/expected/block-and-inline/float-1.txt
  31. 8 8
      Tests/LibWeb/Layout/expected/block-and-inline/float-2.txt
  32. 12 12
      Tests/LibWeb/Layout/expected/block-and-inline/float-3.txt
  33. 8 8
      Tests/LibWeb/Layout/expected/block-and-inline/float-4.txt
  34. 14 14
      Tests/LibWeb/Layout/expected/block-and-inline/float-clear-by-line-break.txt
  35. 108 108
      Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-justified-text-in-between.txt
  36. 38 38
      Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-text-in-between.txt
  37. 15 15
      Tests/LibWeb/Layout/expected/block-and-inline/float-max-content-containing-block-flex-display.txt
  38. 11 11
      Tests/LibWeb/Layout/expected/block-and-inline/float-max-content-containing-block.txt
  39. 18 18
      Tests/LibWeb/Layout/expected/block-and-inline/float-should-avoid-inline-block.txt
  40. 4 4
      Tests/LibWeb/Layout/expected/block-and-inline/float-stress-2.txt
  41. 8 8
      Tests/LibWeb/Layout/expected/block-and-inline/floats-and-negative-margins.txt
  42. 6 6
      Tests/LibWeb/Layout/expected/block-and-inline/floats-with-negative-percentage-margins.txt
  43. 6 6
      Tests/LibWeb/Layout/expected/block-and-inline/forced-break-stops-non-whitespace-sequence.txt
  44. 4 4
      Tests/LibWeb/Layout/expected/block-and-inline/grid-container-should-avoid-overlapping-floats.txt
  45. 6 6
      Tests/LibWeb/Layout/expected/block-and-inline/ifc-float-left-and-sibling-with-margin-left.txt
  46. 19 19
      Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-1.txt
  47. 21 21
      Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-2.txt
  48. 21 21
      Tests/LibWeb/Layout/expected/block-and-inline/inline-block-contained-by-abspos-element.txt
  49. 10 10
      Tests/LibWeb/Layout/expected/block-and-inline/inline-block-percentage-max-width.txt
  50. 10 10
      Tests/LibWeb/Layout/expected/block-and-inline/inline-block-with-max-width-fit-content.txt
  51. 12 12
      Tests/LibWeb/Layout/expected/block-and-inline/inline-block-with-percentage-height-and-auto-height-of-containing-block.txt
  52. 5 5
      Tests/LibWeb/Layout/expected/block-and-inline/inline-box-positioned-with-top-left.txt
  53. 3 3
      Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins-vertical-align-top.txt
  54. 5 5
      Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins.txt
  55. 12 12
      Tests/LibWeb/Layout/expected/block-and-inline/inline-node-not-inserted-into-generated-box.txt
  56. 42 42
      Tests/LibWeb/Layout/expected/block-and-inline/list-markers-intruded-by-float.txt
  57. 4 4
      Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-1.txt
  58. 6 6
      Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-2.txt
  59. 12 12
      Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-5.txt
  60. 10 10
      Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline-start.txt
  61. 10 10
      Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline.txt
  62. 14 14
      Tests/LibWeb/Layout/expected/block-and-inline/max-width-for-box-with-inline-children.txt
  63. 10 10
      Tests/LibWeb/Layout/expected/block-and-inline/max-width-on-child-block-with-width-auto-contributes-to-intrinsic-size-of-parent.txt
  64. 7 7
      Tests/LibWeb/Layout/expected/block-and-inline/max-width-percentage-100-border-box.txt
  65. 7 7
      Tests/LibWeb/Layout/expected/block-and-inline/max-width-percentage-100.txt
  66. 8 8
      Tests/LibWeb/Layout/expected/block-and-inline/max-width-percentage-containing-block.txt
  67. 24 24
      Tests/LibWeb/Layout/expected/block-and-inline/max-width-wrapped-in-max-content.txt
  68. 10 10
      Tests/LibWeb/Layout/expected/block-and-inline/min-width-for-box-with-inline-children.txt
  69. 16 16
      Tests/LibWeb/Layout/expected/block-and-inline/narrow-bfc-width-to-avoid-overlap-with-floats.txt
  70. 2 2
      Tests/LibWeb/Layout/expected/block-and-inline/percentage-min-height-with-containing-block-padding.txt
  71. 8 8
      Tests/LibWeb/Layout/expected/block-and-inline/percentage-min-height.txt
  72. 8 8
      Tests/LibWeb/Layout/expected/block-and-inline/percentage-min-width-with-max-content-containing-block-width.txt
  73. 5 5
      Tests/LibWeb/Layout/expected/block-and-inline/percentage-padding-on-inline-block-with-indefinite-containing-block-size.txt
  74. 12 12
      Tests/LibWeb/Layout/expected/block-and-inline/relpos-block.txt
  75. 11 11
      Tests/LibWeb/Layout/expected/block-and-inline/relpos-float.txt
  76. 26 26
      Tests/LibWeb/Layout/expected/block-and-inline/relpos-inline-element-js-offsets.txt
  77. 7 7
      Tests/LibWeb/Layout/expected/block-and-inline/relpos-inline-elements.txt
  78. 7 7
      Tests/LibWeb/Layout/expected/block-and-inline/single-br-inline-layout.txt
  79. 8 8
      Tests/LibWeb/Layout/expected/block-and-inline/small-percentage-margin.txt
  80. 13 13
      Tests/LibWeb/Layout/expected/block-and-inline/width-auto-margins-set-zero-if-containing-size-smaller.txt
  81. 12 12
      Tests/LibWeb/Layout/expected/box-sizing-border-box-for-definite-sizes-without-layout.txt
  82. 14 14
      Tests/LibWeb/Layout/expected/br-should-not-generate-pseudo-before.txt
  83. 8 8
      Tests/LibWeb/Layout/expected/calc-font-size-with-percentages.txt
  84. 18 18
      Tests/LibWeb/Layout/expected/calc-with-fr.txt
  85. 3 3
      Tests/LibWeb/Layout/expected/css-all-unset.txt
  86. 32 32
      Tests/LibWeb/Layout/expected/css-dir-selector.txt
  87. 6 6
      Tests/LibWeb/Layout/expected/css-font-size-calc.txt
  88. 8 8
      Tests/LibWeb/Layout/expected/css-font-size-math.txt
  89. 2 2
      Tests/LibWeb/Layout/expected/css-host-selector-gets-parsed.txt
  90. 4 4
      Tests/LibWeb/Layout/expected/css-import-rule.txt
  91. 4 4
      Tests/LibWeb/Layout/expected/css-imported-sheet-with-media-rule.txt
  92. 8 8
      Tests/LibWeb/Layout/expected/css-namespace-rule-matches.txt
  93. 8 8
      Tests/LibWeb/Layout/expected/css-namespace-rule-no-match.txt
  94. 12 12
      Tests/LibWeb/Layout/expected/css-namespace-tag-name-selector.txt
  95. 16 16
      Tests/LibWeb/Layout/expected/css-pseudo-element-blockification.txt
  96. 66 66
      Tests/LibWeb/Layout/expected/css-quotes-nesting.txt
  97. 6 6
      Tests/LibWeb/Layout/expected/css-revert.txt
  98. 8 8
      Tests/LibWeb/Layout/expected/css-text-transform-math-auto.txt
  99. 10 10
      Tests/LibWeb/Layout/expected/details-closed.txt
  100. 14 14
      Tests/LibWeb/Layout/expected/details-open.txt

+ 7 - 7
Tests/LibWeb/Layout/expected/abspos-flex-container-with-auto-height.txt
مشاهده فایل 

@@ -1,14 +1,14 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline
 
-    Box <body> at (9,9) content-size 512.859375x19.46875 positioned flex-container(column) [FFC] children: not-inline
 
-      BlockContainer <div> at (10,10) content-size 510.859375x17.46875 flex-item [BFC] children: inline
 
-        line 0 width: 510.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 60, rect: [10,10 510.859375x17.46875]
 
+    Box <body> at (9,9) content-size 512.859375x19 positioned flex-container(column) [FFC] children: not-inline
 
+      BlockContainer <div> at (10,10) content-size 510.859375x17 flex-item [BFC] children: inline
 
+        line 0 width: 510.859375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 60, rect: [10,10 510.859375x17]
 
             "Diese Website nutzt Cookies und vergleichbare Funktionen zur"
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [8,8 514.859375x21.46875]
 
-    PaintableBox (Box<BODY>) [8,8 514.859375x21.46875]
 
-      PaintableWithLines (BlockContainer<DIV>) [9,9 512.859375x19.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [8,8 514.859375x21]
 
+    PaintableBox (Box<BODY>) [8,8 514.859375x21]
 
+      PaintableWithLines (BlockContainer<DIV>) [9,9 512.859375x19]
 
         TextPaintable (TextNode<#text>)

+ 8 - 8
Tests/LibWeb/Layout/expected/abspos-flexbox-with-auto-height.txt
مشاهده فایل 

@@ -1,16 +1,16 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (1,1) content-size 798x18 [BFC] children: not-inline
 
     BlockContainer <body> at (10,10) content-size 780x0 children: not-inline
 
-      Box <nav> at (11,11) content-size 310.453125x19.46875 positioned flex-container(row) [FFC] children: not-inline
 
-        BlockContainer <div.item> at (12,12) content-size 308.453125x17.46875 flex-item [BFC] children: inline
 
-          line 0 width: 308.453125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 36, rect: [12,12 308.453125x17.46875]
 
+      Box <nav> at (11,11) content-size 310.453125x19 positioned flex-container(row) [FFC] children: not-inline
 
+        BlockContainer <div.item> at (12,12) content-size 308.453125x17 flex-item [BFC] children: inline
 
+          line 0 width: 308.453125, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 36, rect: [12,12 308.453125x17]
 
               "This should have a green background."
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x20] overflow: [1,1 798x30.46875]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 782x2] overflow: [10,10 312.453125x21.46875]
 
-      PaintableBox (Box<NAV>) [10,10 312.453125x21.46875]
 
-        PaintableWithLines (BlockContainer<DIV>.item) [11,11 310.453125x19.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x20] overflow: [1,1 798x30]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x2] overflow: [10,10 312.453125x21]
 
+      PaintableBox (Box<NAV>) [10,10 312.453125x21]
 
+        PaintableWithLines (BlockContainer<DIV>.item) [11,11 310.453125x19]
 
           TextPaintable (TextNode<#text>)

+ 8 - 8
Tests/LibWeb/Layout/expected/abspos-with-percentage-insets.txt
مشاهده فایل 

@@ -1,14 +1,14 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline
 
     BlockContainer <body> at (10,10) content-size 500x400 positioned [BFC] children: inline
 
-      BlockContainer <div.one> at (311,211) content-size 28.6875x17.46875 positioned [BFC] children: inline
 
-        line 0 width: 28.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [311,211 28.6875x17.46875]
 
+      BlockContainer <div.one> at (311,211) content-size 28.6875x17 positioned [BFC] children: inline
 
+        line 0 width: 28.6875, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [311,211 28.6875x17]
 
             "one"
 
         TextNode <#text>
 
-      BlockContainer <div.two> at (330.5625,351.53125) content-size 28.4375x17.46875 positioned [BFC] children: inline
 
-        line 0 width: 28.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [330.5625,351.53125 28.4375x17.46875]
 
+      BlockContainer <div.two> at (330.5625,352) content-size 28.4375x17 positioned [BFC] children: inline
 
+        line 0 width: 28.4375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [330.5625,352 28.4375x17]
 
             "two"
 
         TextNode <#text>
 
       TextNode <#text>
 
@@ -16,7 +16,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 502x402]
 
     PaintableWithLines (BlockContainer<BODY>) [9,9 502x402]
 
-      PaintableWithLines (BlockContainer<DIV>.one) [310,210 30.6875x19.46875]
 
+      PaintableWithLines (BlockContainer<DIV>.one) [310,210 30.6875x19]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer<DIV>.two) [329.5625,350.53125 30.4375x19.46875]
 
+      PaintableWithLines (BlockContainer<DIV>.two) [329.5625,351 30.4375x19]
 
         TextPaintable (TextNode<#text>)

+ 12 - 12
Tests/LibWeb/Layout/expected/anonymous-wrappers-continue-to-inherit-style-after-change.txt
مشاهده فایل 

@@ -1,21 +1,21 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x89.84375 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,21.4375) content-size 784x73.84375 children: not-inline
 
-      BlockContainer <h1> at (8,21.4375) content-size 784x34.9375 children: inline
 
-        line 0 width: 105.53125, height: 34.9375, bottom: 34.9375, baseline: 27.0625
 
-          frag 0 from TextNode start: 0, length: 6, rect: [8,21.4375 105.53125x34.9375]
 
+  BlockContainer <html> at (0,0) content-size 800x89.4375 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,21.4375) content-size 784x73.4375 children: not-inline
 
+      BlockContainer <h1> at (8,21.4375) content-size 784x35 children: inline
 
+        line 0 width: 105.53125, height: 35, bottom: 35, baseline: 27.09375
 
+          frag 0 from TextNode start: 0, length: 6, rect: [8,21.4375 105.53125x35]
 
             "header"
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,77.8125) content-size 784x17.46875 children: inline
 
-        line 0 width: 212.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 24, rect: [8,77.8125 212.125x17.46875]
 
+      BlockContainer <(anonymous)> at (8,77.875) content-size 784x17 children: inline
 
+        line 0 width: 212.125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 24, rect: [8,77.875 212.125x17]
 
             "anonymously wrapped text"
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x89.84375] overflow: [0,0 800x95.28125]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,21.4375 784x73.84375]
 
-      PaintableWithLines (BlockContainer<H1>) [8,21.4375 784x34.9375]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x89.4375] overflow: [0,0 800x94.875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,21.4375 784x73.4375]
 
+      PaintableWithLines (BlockContainer<H1>) [8,21.4375 784x35]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,77.8125 784x17.46875]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,77.875 784x17]
 
         TextPaintable (TextNode<#text>)

+ 14 - 14
Tests/LibWeb/Layout/expected/block-and-inline/abspos-grid-with-definite-width.txt
مشاهده فایل 

@@ -1,25 +1,25 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (1,1) content-size 798x18 [BFC] children: not-inline
 
     BlockContainer <body> at (10,10) content-size 780x0 children: not-inline
 
-      Box <div.box> at (1,11) content-size 200x70.28125 positioned [GFC] children: not-inline
 
-        BlockContainer <(anonymous)> at (1,11) content-size 200x70.28125 [BFC] children: inline
 
-          line 0 width: 181.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 21, rect: [1,11 181.78125x17.46875]
 
+      Box <div.box> at (1,11) content-size 200x68 positioned [GFC] children: not-inline
 
+        BlockContainer <(anonymous)> at (1,11) content-size 200x68 [BFC] children: inline
 
+          line 0 width: 181.78125, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 21, rect: [1,11 181.78125x17]
 
               "Giveaways in Channels"
 
-          line 1 width: 149.4375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-            frag 0 from TextNode start: 22, length: 16, rect: [1,28 149.4375x17.46875]
 
+          line 1 width: 149.4375, height: 17, bottom: 34, baseline: 13.296875
 
+            frag 0 from TextNode start: 22, length: 16, rect: [1,28 149.4375x17]
 
               "and Free Premium"
 
-          line 2 width: 181.78125, height: 18.40625, bottom: 53.34375, baseline: 13.53125
 
-            frag 0 from TextNode start: 39, length: 21, rect: [1,45 181.78125x17.46875]
 
+          line 2 width: 181.78125, height: 17, bottom: 51, baseline: 13.296875
 
+            frag 0 from TextNode start: 39, length: 21, rect: [1,45 181.78125x17]
 
               "Giveaways in Channels"
 
-          line 3 width: 149.4375, height: 17.875, bottom: 70.28125, baseline: 13.53125
 
-            frag 0 from TextNode start: 61, length: 16, rect: [1,63 149.4375x17.46875]
 
+          line 3 width: 149.4375, height: 17, bottom: 68, baseline: 13.296875
 
+            frag 0 from TextNode start: 61, length: 16, rect: [1,62 149.4375x17]
 
               "and Free Premium"
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x20] overflow: [0,1 799x81.28125]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 782x2] overflow: [0,10 202x72.28125]
 
-      PaintableBox (Box<DIV>.box) [0,10 202x72.28125]
 
-        PaintableWithLines (BlockContainer(anonymous)) [1,11 200x70.28125]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x20] overflow: [0,1 799x79]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x2] overflow: [0,10 202x70]
 
+      PaintableBox (Box<DIV>.box) [0,10 202x70]
 
+        PaintableWithLines (BlockContainer(anonymous)) [1,11 200x68]
 
           TextPaintable (TextNode<#text>)

+ 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.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
 
+  BlockContainer <html> at (1,1) content-size 798x62.59375 [BFC] children: not-inline
 
+    BlockContainer <body> at (2,2) content-size 796x60.59375 children: inline
 
+      line 0 width: 34, height: 28.59375, bottom: 28.59375, baseline: 28.59375
 
         frag 0 from BlockContainer start: 0, length: 0, rect: [4,3 30x30]
 
-      line 1 width: 32, height: 28.5, bottom: 60.5, baseline: 28.5
 
+      line 1 width: 32, height: 28.59375, bottom: 60.59375, baseline: 28.59375
 
         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
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x64.5] overflow: [1,1 798x64]
 
-    PaintableWithLines (BlockContainer<BODY>) [1,1 798x62.5] overflow: [2,2 796x63]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x64.59375] overflow: [1,1 798x64]
 
+    PaintableWithLines (BlockContainer<BODY>) [1,1 798x62.59375] overflow: [2,2 796x63]
 
       PaintableWithLines (BlockContainer<DIV>.clump) [3,2 32x32]
 
       PaintableWithLines (BlockContainer<DIV>.clump) [2,34 32x32]

+ 8 - 8
Tests/LibWeb/Layout/expected/block-and-inline/atomic-inline-with-white-space-nowrap.txt
مشاهده فایل 

@@ -1,9 +1,9 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 37.15625x17.46875 children: not-inline
 
-      BlockContainer <div> at (8,8) content-size 37.15625x17.46875 children: inline
 
-        line 0 width: 37.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x17.46875]
 
+  BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 37.15625x17 children: not-inline
 
+      BlockContainer <div> at (8,8) content-size 37.15625x17 children: inline
 
+        line 0 width: 37.15625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x17]
 
             "foo"
 
           frag 1 from ImageBox start: 0, length: 0, rect: [35,11 10x10]
 
         TextNode <#text>
 
@@ -11,8 +11,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 37.15625x17.46875]
 
-      PaintableWithLines (BlockContainer<DIV>) [8,8 37.15625x17.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 37.15625x17]
 
+      PaintableWithLines (BlockContainer<DIV>) [8,8 37.15625x17]
 
         TextPaintable (TextNode<#text>)
 
         ImagePaintable (ImageBox<IMG>) [35,11 10x10]

+ 20 - 20
Tests/LibWeb/Layout/expected/block-and-inline/bfc-consider-all-currently-stacked-floats.txt
مشاهده فایل 

@@ -2,44 +2,44 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (0,0) content-size 800x108 [BFC] children: not-inline
 
     BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
 
       TextNode <#text>
 
-    BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
 
       BlockContainer <div.big-float> at (8,8) content-size 100x100 floating [BFC] children: not-inline
 
-      BlockContainer <div.xxx> at (108,8) content-size 29.109375x17.46875 floating [BFC] children: inline
 
-        line 0 width: 29.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [108,8 29.109375x17.46875]
 
+      BlockContainer <div.xxx> at (108,8) content-size 29.109375x17 floating [BFC] children: inline
 
+        line 0 width: 29.109375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [108,8 29.109375x17]
 
             "xxx"
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,8) content-size 784x17.46875 children: inline
 
-        line 0 width: 27.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 1, length: 3, rect: [137,8 27.640625x17.46875]
 
+      BlockContainer <(anonymous)> at (8,8) content-size 784x17 children: inline
 
+        line 0 width: 27.640625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 1, length: 3, rect: [137,8 27.640625x17]
 
             "bar"
 
         TextNode <#text>
 
         TextNode <#text>
 
-      BlockContainer <div> at (8,25.46875) content-size 784x17.46875 children: inline
 
-        line 0 width: 27.203125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 1, length: 3, rect: [130,25.46875 27.203125x17.46875]
 
+      BlockContainer <div> at (8,25) content-size 784x17 children: inline
 
+        line 0 width: 27.203125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 1, length: 3, rect: [130,25 27.203125x17]
 
             "baz"
 
         TextNode <#text>
 
-        BlockContainer <div.yyy> at (108,25.46875) content-size 21.515625x17.46875 floating [BFC] children: inline
 
-          line 0 width: 21.515625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 3, rect: [108,25.46875 21.515625x17.46875]
 
+        BlockContainer <div.yyy> at (108,25) content-size 21.515625x17 floating [BFC] children: inline
 
+          line 0 width: 21.515625, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 3, rect: [108,25 21.515625x17]
 
               "yyy"
 
           TextNode <#text>
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,42.9375) content-size 784x0 children: inline
 
+      BlockContainer <(anonymous)> at (8,42) content-size 784x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x108]
 
     PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375] overflow: [8,8 784x100]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x34] overflow: [8,8 784x100]
 
       PaintableWithLines (BlockContainer<DIV>.big-float) [8,8 100x100]
 
-      PaintableWithLines (BlockContainer<DIV>.xxx) [108,8 29.109375x17.46875]
 
+      PaintableWithLines (BlockContainer<DIV>.xxx) [108,8 29.109375x17]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17.46875]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer<DIV>) [8,25.46875 784x17.46875]
 
-        PaintableWithLines (BlockContainer<DIV>.yyy) [108,25.46875 21.515625x17.46875]
 
+      PaintableWithLines (BlockContainer<DIV>) [8,25 784x17]
 
+        PaintableWithLines (BlockContainer<DIV>.yyy) [108,25 21.515625x17]
 
           TextPaintable (TextNode<#text>)
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 784x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]

+ 6 - 6
Tests/LibWeb/Layout/expected/block-and-inline/block-level-floating-box-with-clearance.txt
مشاهده فایل 

@@ -3,18 +3,18 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
     BlockContainer <body> at (8,8) content-size 600x960 children: not-inline
 
       BlockContainer <div.normal> at (18,18) content-size 300x300 children: not-inline
 
       BlockContainer <div#top> at (8,328) content-size 100x100 floating [BFC] children: inline
 
-        line 0 width: 26.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [8,328 26.640625x17.46875]
 
+        line 0 width: 26.640625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [8,328 26.640625x17]
 
             "top"
 
         TextNode <#text>
 
       BlockContainer <div#left> at (8,428) content-size 100x100 floating [BFC] children: inline
 
-        line 0 width: 26.25, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 4, rect: [8,428 26.25x17.46875]
 
+        line 0 width: 26.25, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 4, rect: [8,428 26.25x17]
 
             "left"
 
         TextNode <#text>
 
       BlockContainer <div#right> at (108,428) content-size 100x100 floating [BFC] children: inline
 
-        line 0 width: 37.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 5, rect: [108,428 37.109375x17.46875]
 
+        line 0 width: 37.109375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 5, rect: [108,428 37.109375x17]
 
             "right"
 
         TextNode <#text>
 
       BlockContainer <div.normal> at (18,338) content-size 300x300 children: not-inline

+ 14 - 14
Tests/LibWeb/Layout/expected/block-and-inline/block-with-fit-content-width-constraints.txt
مشاهده فایل 

@@ -1,24 +1,24 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (1,1) content-size 798x56.9375 [BFC] children: not-inline
 
-    BlockContainer <body> at (10,10) content-size 780x38.9375 children: not-inline
 
-      BlockContainer <div.box> at (11,11) content-size 138.28125x17.46875 children: inline
 
-        line 0 width: 138.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 18, rect: [11,11 138.28125x17.46875]
 
+  BlockContainer <html> at (1,1) content-size 798x56 [BFC] children: not-inline
 
+    BlockContainer <body> at (10,10) content-size 780x38 children: not-inline
 
+      BlockContainer <div.box> at (11,11) content-size 138.28125x17 children: inline
 
+        line 0 width: 138.28125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 18, rect: [11,11 138.28125x17]
 
             "Well hello friends"
 
         TextNode <#text>
 
-      BlockContainer <div.box2> at (11,30.46875) content-size 138.28125x17.46875 children: inline
 
-        line 0 width: 138.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 18, rect: [11,30.46875 138.28125x17.46875]
 
+      BlockContainer <div.box2> at (11,30) content-size 138.28125x17 children: inline
 
+        line 0 width: 138.28125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 18, rect: [11,30 138.28125x17]
 
             "Well hello friends"
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (10,48.9375) content-size 780x0 children: inline
 
+      BlockContainer <(anonymous)> at (10,48) content-size 780x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x58.9375]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 782x40.9375]
 
-      PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x19.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x58]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x40]
 
+      PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x19]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer<DIV>.box2) [10,29.46875 140.28125x19.46875]
 
+      PaintableWithLines (BlockContainer<DIV>.box2) [10,29 140.28125x19]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [10,48.9375 780x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [10,48 780x0]

+ 10 - 10
Tests/LibWeb/Layout/expected/block-and-inline/block-with-fit-content-width.txt
مشاهده فایل 

@@ -1,17 +1,17 @@
 
 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
 
-      BlockContainer <div.box> at (11,11) content-size 138.28125x17.46875 children: inline
 
-        line 0 width: 138.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 18, rect: [11,11 138.28125x17.46875]
 
+  BlockContainer <html> at (1,1) content-size 798x37 [BFC] children: not-inline
 
+    BlockContainer <body> at (10,10) content-size 780x19 children: not-inline
 
+      BlockContainer <div.box> at (11,11) content-size 138.28125x17 children: inline
 
+        line 0 width: 138.28125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 18, rect: [11,11 138.28125x17]
 
             "Well hello friends"
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (10,29.46875) content-size 780x0 children: inline
 
+      BlockContainer <(anonymous)> at (10,29) content-size 780x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x39.46875]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 782x21.46875]
 
-      PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x19.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x39]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x21]
 
+      PaintableWithLines (BlockContainer<DIV>.box) [10,10 140.28125x19]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [10,29.46875 780x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [10,29 780x0]

+ 18 - 18
Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-float.txt
مشاهده فایل 

@@ -1,45 +1,45 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
 
+  BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
 
     BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
 
       TextNode <#text>
 
-    BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
 
       BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
 
         TextNode <#text>
 
-      BlockContainer <div.ab> at (108,8) content-size 684x17.46875 children: not-inline
 
+      BlockContainer <div.ab> at (108,8) content-size 684x17 children: not-inline
 
         BlockContainer <(anonymous)> at (108,8) content-size 684x0 children: inline
 
           TextNode <#text>
 
         BlockContainer <div> at (108,8) content-size 684x0 children: inline
 
           TextNode <#text>
 
-          BlockContainer <div.a> at (108,8) content-size 14.265625x17.46875 floating [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: [108,8 14.265625x17.46875]
 
+          BlockContainer <div.a> at (108,8) content-size 14.265625x17 floating [BFC] children: inline
 
+            line 0 width: 14.265625, height: 17, bottom: 17, baseline: 13.296875
 
+              frag 0 from TextNode start: 0, length: 1, rect: [108,8 14.265625x17]
 
                 "A"
 
             TextNode <#text>
 
           TextNode <#text>
 
         BlockContainer <(anonymous)> at (108,8) content-size 684x0 children: inline
 
           TextNode <#text>
 
-        BlockContainer <div.b> at (122.265625,8) content-size 669.734375x17.46875 [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: [122.265625,8 9.34375x17.46875]
 
+        BlockContainer <div.b> at (122.265625,8) content-size 669.734375x17 [BFC] children: inline
 
+          line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 1, rect: [122.265625,8 9.34375x17]
 
               "B"
 
           TextNode <#text>
 
-        BlockContainer <(anonymous)> at (108,25.46875) content-size 684x0 children: inline
 
+        BlockContainer <(anonymous)> at (108,25) content-size 684x0 children: inline
 
           TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,25.46875) content-size 784x0 children: inline
 
+      BlockContainer <(anonymous)> at (8,25) content-size 784x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
 
     PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
 
       PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
 
-      PaintableWithLines (BlockContainer<DIV>.ab) [108,8 684x17.46875]
 
+      PaintableWithLines (BlockContainer<DIV>.ab) [108,8 684x17]
 
         PaintableWithLines (BlockContainer(anonymous)) [108,8 684x0]
 
         PaintableWithLines (BlockContainer<DIV>) [108,8 684x0]
 
-          PaintableWithLines (BlockContainer<DIV>.a) [108,8 14.265625x17.46875]
 
+          PaintableWithLines (BlockContainer<DIV>.a) [108,8 14.265625x17]
 
             TextPaintable (TextNode<#text>)
 
         PaintableWithLines (BlockContainer(anonymous)) [108,8 684x0]
 
-        PaintableWithLines (BlockContainer<DIV>.b) [122.265625,8 669.734375x17.46875]
 
+        PaintableWithLines (BlockContainer<DIV>.b) [122.265625,8 669.734375x17]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer(anonymous)) [108,25.46875 684x0]
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x0]
 
+        PaintableWithLines (BlockContainer(anonymous)) [108,25 684x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,25 784x0]

+ 34 - 34
Tests/LibWeb/Layout/expected/block-and-inline/block-with-hidden-overflow-after-sibling-float.txt
مشاهده فایل 

@@ -1,72 +1,72 @@
 
 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
 
-      BlockContainer <div> at (8,8) content-size 784x34.9375 children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
 
+      BlockContainer <div> at (8,8) content-size 784x34 children: not-inline
 
         BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
 
           TextNode <#text>
 
         BlockContainer <div> at (8,8) content-size 784x0 children: inline
 
           TextNode <#text>
 
-          BlockContainer <div.a> at (8,8) content-size 57.0625x34.9375 floating [BFC] children: not-inline
 
+          BlockContainer <div.a> at (8,8) content-size 57.0625x34 floating [BFC] children: not-inline
 
             BlockContainer <(anonymous)> at (8,8) content-size 57.0625x0 children: inline
 
               TextNode <#text>
 
-            BlockContainer <div.a4> at (8,8) content-size 57.0625x17.46875 children: inline
 
-              line 0 width: 57.0625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-                frag 0 from TextNode start: 0, length: 4, rect: [8,8 57.0625x17.46875]
 
+            BlockContainer <div.a4> at (8,8) content-size 57.0625x17 children: inline
 
+              line 0 width: 57.0625, height: 17, bottom: 17, baseline: 13.296875
 
+                frag 0 from TextNode start: 0, length: 4, rect: [8,8 57.0625x17]
 
                   "AAAA"
 
               TextNode <#text>
 
-            BlockContainer <(anonymous)> at (8,25.46875) content-size 57.0625x0 children: inline
 
+            BlockContainer <(anonymous)> at (8,25) content-size 57.0625x0 children: inline
 
               TextNode <#text>
 
-            BlockContainer <div> at (8,25.46875) content-size 57.0625x17.46875 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: [8,25.46875 14.265625x17.46875]
 
+            BlockContainer <div> at (8,25) content-size 57.0625x17 children: inline
 
+              line 0 width: 14.265625, height: 17, bottom: 17, baseline: 13.296875
 
+                frag 0 from TextNode start: 0, length: 1, rect: [8,25 14.265625x17]
 
                   "A"
 
               TextNode <#text>
 
-            BlockContainer <(anonymous)> at (8,42.9375) content-size 57.0625x0 children: inline
 
+            BlockContainer <(anonymous)> at (8,42) content-size 57.0625x0 children: inline
 
               TextNode <#text>
 
           TextNode <#text>
 
         BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
 
           TextNode <#text>
 
-        BlockContainer <div> at (108,8) content-size 684x34.9375 children: not-inline
 
+        BlockContainer <div> at (108,8) content-size 684x34 children: not-inline
 
           BlockContainer <(anonymous)> at (108,8) content-size 684x0 children: inline
 
             TextNode <#text>
 
-          BlockContainer <div> at (108,8) content-size 684x17.46875 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: [108,8 9.34375x17.46875]
 
+          BlockContainer <div> at (108,8) content-size 684x17 children: inline
 
+            line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
 
+              frag 0 from TextNode start: 0, length: 1, rect: [108,8 9.34375x17]
 
                 "B"
 
             TextNode <#text>
 
-          BlockContainer <(anonymous)> at (108,25.46875) content-size 684x0 children: inline
 
+          BlockContainer <(anonymous)> at (108,25) content-size 684x0 children: inline
 
             TextNode <#text>
 
-          BlockContainer <div.c> at (108,25.46875) content-size 684x17.46875 [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: [108,25.46875 10.3125x17.46875]
 
+          BlockContainer <div.c> at (108,25) content-size 684x17 [BFC] children: inline
 
+            line 0 width: 10.3125, height: 17, bottom: 17, baseline: 13.296875
 
+              frag 0 from TextNode start: 0, length: 1, rect: [108,25 10.3125x17]
 
                 "C"
 
             TextNode <#text>
 
-          BlockContainer <(anonymous)> at (108,42.9375) content-size 684x0 children: inline
 
+          BlockContainer <(anonymous)> at (108,42) content-size 684x0 children: inline
 
             TextNode <#text>
 
-        BlockContainer <(anonymous)> at (8,42.9375) content-size 784x0 children: inline
 
+        BlockContainer <(anonymous)> at (8,42) content-size 784x0 children: inline
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375]
 
-      PaintableWithLines (BlockContainer<DIV>) [8,8 784x34.9375]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
 
+      PaintableWithLines (BlockContainer<DIV>) [8,8 784x34]
 
         PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
 
         PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
 
-          PaintableWithLines (BlockContainer<DIV>.a) [8,8 57.0625x34.9375]
 
+          PaintableWithLines (BlockContainer<DIV>.a) [8,8 57.0625x34]
 
             PaintableWithLines (BlockContainer(anonymous)) [8,8 57.0625x0]
 
-            PaintableWithLines (BlockContainer<DIV>.a4) [8,8 57.0625x17.46875]
 
+            PaintableWithLines (BlockContainer<DIV>.a4) [8,8 57.0625x17]
 
               TextPaintable (TextNode<#text>)
 
-            PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 57.0625x0]
 
-            PaintableWithLines (BlockContainer<DIV>) [8,25.46875 57.0625x17.46875]
 
+            PaintableWithLines (BlockContainer(anonymous)) [8,25 57.0625x0]
 
+            PaintableWithLines (BlockContainer<DIV>) [8,25 57.0625x17]
 
               TextPaintable (TextNode<#text>)
 
-            PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 57.0625x0]
 
+            PaintableWithLines (BlockContainer(anonymous)) [8,42 57.0625x0]
 
         PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
 
-        PaintableWithLines (BlockContainer<DIV>) [108,8 684x34.9375]
 
+        PaintableWithLines (BlockContainer<DIV>) [108,8 684x34]
 
           PaintableWithLines (BlockContainer(anonymous)) [108,8 684x0]
 
-          PaintableWithLines (BlockContainer<DIV>) [108,8 684x17.46875]
 
+          PaintableWithLines (BlockContainer<DIV>) [108,8 684x17]
 
             TextPaintable (TextNode<#text>)
 
-          PaintableWithLines (BlockContainer(anonymous)) [108,25.46875 684x0]
 
-          PaintableWithLines (BlockContainer<DIV>.c) [108,25.46875 684x17.46875]
 
+          PaintableWithLines (BlockContainer(anonymous)) [108,25 684x0]
 
+          PaintableWithLines (BlockContainer<DIV>.c) [108,25 684x17]
 
             TextPaintable (TextNode<#text>)
 
-          PaintableWithLines (BlockContainer(anonymous)) [108,42.9375 684x0]
 
-        PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 784x0]
 
+          PaintableWithLines (BlockContainer(anonymous)) [108,42 684x0]
 
+        PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]

+ 22 - 22
Tests/LibWeb/Layout/expected/block-and-inline/block-with-max-content-width.txt
مشاهده فایل 

@@ -1,37 +1,37 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (1,1) content-size 798x76.40625 [BFC] children: not-inline
 
-    BlockContainer <body> at (10,10) content-size 780x58.40625 children: not-inline
 
-      BlockContainer <div.foo> at (11,11) content-size 150.21875x17.46875 children: inline
 
-        line 0 width: 150.21875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 18, rect: [11,11 150.21875x17.46875]
 
+  BlockContainer <html> at (1,1) content-size 798x75 [BFC] children: not-inline
 
+    BlockContainer <body> at (10,10) content-size 780x57 children: not-inline
 
+      BlockContainer <div.foo> at (11,11) content-size 150.21875x17 children: inline
 
+        line 0 width: 150.21875, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 18, rect: [11,11 150.21875x17]
 
             "width: max-content"
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (10,29.46875) content-size 780x0 children: inline
 
+      BlockContainer <(anonymous)> at (10,29) content-size 780x0 children: inline
 
         TextNode <#text>
 
-      BlockContainer <div.bar> at (11,30.46875) content-size 187.953125x17.46875 children: inline
 
-        line 0 width: 187.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 22, rect: [11,30.46875 187.953125x17.46875]
 
+      BlockContainer <div.bar> at (11,30) content-size 187.953125x17 children: inline
 
+        line 0 width: 187.953125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 22, rect: [11,30 187.953125x17]
 
             "max-width: max-content"
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (10,48.9375) content-size 780x0 children: inline
 
+      BlockContainer <(anonymous)> at (10,48) content-size 780x0 children: inline
 
         TextNode <#text>
 
-      BlockContainer <div.baz> at (11,49.9375) content-size 183.078125x17.46875 children: inline
 
-        line 0 width: 183.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 22, rect: [11,49.9375 183.078125x17.46875]
 
+      BlockContainer <div.baz> at (11,49) content-size 183.078125x17 children: inline
 
+        line 0 width: 183.078125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 22, rect: [11,49 183.078125x17]
 
             "min-width: max-content"
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (10,68.40625) content-size 780x0 children: inline
 
+      BlockContainer <(anonymous)> at (10,67) content-size 780x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x78.40625]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 782x60.40625]
 
-      PaintableWithLines (BlockContainer<DIV>.foo) [10,10 152.21875x19.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x77]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x59]
 
+      PaintableWithLines (BlockContainer<DIV>.foo) [10,10 152.21875x19]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [10,29.46875 780x0]
 
-      PaintableWithLines (BlockContainer<DIV>.bar) [10,29.46875 189.953125x19.46875]
 
+      PaintableWithLines (BlockContainer(anonymous)) [10,29 780x0]
 
+      PaintableWithLines (BlockContainer<DIV>.bar) [10,29 189.953125x19]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [10,48.9375 780x0]
 
-      PaintableWithLines (BlockContainer<DIV>.baz) [10,48.9375 185.078125x19.46875]
 
+      PaintableWithLines (BlockContainer(anonymous)) [10,48 780x0]
 
+      PaintableWithLines (BlockContainer<DIV>.baz) [10,48 185.078125x19]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [10,68.40625 780x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [10,67 780x0]

+ 28 - 28
Tests/LibWeb/Layout/expected/block-and-inline/block-with-min-content-width.txt
مشاهده فایل 

@@ -1,46 +1,46 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (1,1) content-size 798x130.21875 [BFC] children: not-inline
 
-    BlockContainer <body> at (10,10) content-size 780x112.21875 children: not-inline
 
-      BlockContainer <div.foo> at (11,11) content-size 93.765625x35.40625 children: inline
 
-        line 0 width: 43.578125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 6, rect: [11,11 43.578125x17.46875]
 
+  BlockContainer <html> at (1,1) content-size 798x126 [BFC] children: not-inline
 
+    BlockContainer <body> at (10,10) content-size 780x108 children: not-inline
 
+      BlockContainer <div.foo> at (11,11) content-size 93.765625x34 children: inline
 
+        line 0 width: 43.578125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 6, rect: [11,11 43.578125x17]
 
             "width:"
 
-        line 1 width: 93.765625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-          frag 0 from TextNode start: 7, length: 11, rect: [11,28 93.765625x17.46875]
 
+        line 1 width: 93.765625, height: 17, bottom: 34, baseline: 13.296875
 
+          frag 0 from TextNode start: 7, length: 11, rect: [11,28 93.765625x17]
 
             "min-content"
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (10,47.40625) content-size 780x0 children: inline
 
+      BlockContainer <(anonymous)> at (10,46) content-size 780x0 children: inline
 
         TextNode <#text>
 
-      BlockContainer <div.bar> at (11,48.40625) content-size 93.765625x35.40625 children: inline
 
-        line 0 width: 81.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 10, rect: [11,48.40625 81.3125x17.46875]
 
+      BlockContainer <div.bar> at (11,47) content-size 93.765625x34 children: inline
 
+        line 0 width: 81.3125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 10, rect: [11,47 81.3125x17]
 
             "max-width:"
 
-        line 1 width: 93.765625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-          frag 0 from TextNode start: 11, length: 11, rect: [11,65.40625 93.765625x17.46875]
 
+        line 1 width: 93.765625, height: 17, bottom: 34, baseline: 13.296875
 
+          frag 0 from TextNode start: 11, length: 11, rect: [11,64 93.765625x17]
 
             "min-content"
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (10,84.8125) content-size 780x0 children: inline
 
+      BlockContainer <(anonymous)> at (10,82) content-size 780x0 children: inline
 
         TextNode <#text>
 
-      BlockContainer <div.baz> at (11,85.8125) content-size 93.765625x35.40625 children: inline
 
-        line 0 width: 76.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 10, rect: [11,85.8125 76.4375x17.46875]
 
+      BlockContainer <div.baz> at (11,83) content-size 93.765625x34 children: inline
 
+        line 0 width: 76.4375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 10, rect: [11,83 76.4375x17]
 
             "min-width:"
 
-        line 1 width: 93.765625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-          frag 0 from TextNode start: 11, length: 11, rect: [11,102.8125 93.765625x17.46875]
 
+        line 1 width: 93.765625, height: 17, bottom: 34, baseline: 13.296875
 
+          frag 0 from TextNode start: 11, length: 11, rect: [11,100 93.765625x17]
 
             "min-content"
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (10,122.21875) content-size 780x0 children: inline
 
+      BlockContainer <(anonymous)> at (10,118) content-size 780x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x132.21875]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 782x114.21875]
 
-      PaintableWithLines (BlockContainer<DIV>.foo) [10,10 95.765625x37.40625]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x128]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x110]
 
+      PaintableWithLines (BlockContainer<DIV>.foo) [10,10 95.765625x36]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [10,47.40625 780x0]
 
-      PaintableWithLines (BlockContainer<DIV>.bar) [10,47.40625 95.765625x37.40625]
 
+      PaintableWithLines (BlockContainer(anonymous)) [10,46 780x0]
 
+      PaintableWithLines (BlockContainer<DIV>.bar) [10,46 95.765625x36]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [10,84.8125 780x0]
 
-      PaintableWithLines (BlockContainer<DIV>.baz) [10,84.8125 95.765625x37.40625]
 
+      PaintableWithLines (BlockContainer(anonymous)) [10,82 780x0]
 
+      PaintableWithLines (BlockContainer<DIV>.baz) [10,82 95.765625x36]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [10,122.21875 780x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [10,118 780x0]

+ 10 - 10
Tests/LibWeb/Layout/expected/block-and-inline/block-with-negative-margin-and-no-intruding-floats.txt
مشاهده فایل 

@@ -1,17 +1,17 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (1,1) content-size 798x55.40625 [BFC] children: not-inline
 
-    BlockContainer <body> at (110,10) content-size 300x37.40625 positioned children: not-inline
 
-      BlockContainer <div> at (61,11) content-size 200x35.40625 children: inline
 
-        line 0 width: 159.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 19, rect: [61,11 159.859375x17.46875]
 
+  BlockContainer <html> at (1,1) content-size 798x54 [BFC] children: not-inline
 
+    BlockContainer <body> at (110,10) content-size 300x36 positioned children: not-inline
 
+      BlockContainer <div> at (61,11) content-size 200x34 children: inline
 
+        line 0 width: 159.859375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 19, rect: [61,11 159.859375x17]
 
             "there are no floats"
 
-        line 1 width: 163.875, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-          frag 0 from TextNode start: 20, length: 21, rect: [61,28 163.875x17.46875]
 
+        line 1 width: 163.875, height: 17, bottom: 34, baseline: 13.296875
 
+          frag 0 from TextNode start: 20, length: 21, rect: [61,28 163.875x17]
 
             "intruding on this div"
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x57.40625]
 
-    PaintableWithLines (BlockContainer<BODY>) [109,9 302x39.40625] overflow: [60,10 350x37.40625]
 
-      PaintableWithLines (BlockContainer<DIV>) [60,10 202x37.40625]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x56]
 
+    PaintableWithLines (BlockContainer<BODY>) [109,9 302x38] overflow: [60,10 350x36]
 
+      PaintableWithLines (BlockContainer<DIV>) [60,10 202x36]
 
         TextPaintable (TextNode<#text>)

+ 22 - 22
Tests/LibWeb/Layout/expected/block-and-inline/button-baseline-align.txt
مشاهده فایل 

@@ -1,38 +1,38 @@
 
 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 784x47.671875 children: inline
 
-      line 0 width: 61.1875, height: 47.671875, bottom: 47.671875, baseline: 33.828125
 
-        frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x47.671875]
 
-      BlockContainer <div.ib> at (8,8) content-size 61.1875x47.671875 inline-block [BFC] children: inline
 
-        line 0 width: 61.1875, height: 47.671875, bottom: 47.671875, baseline: 33.828125
 
-          frag 0 from BlockContainer start: 0, length: 0, rect: [9,24 17.828125x21.84375]
 
-          frag 1 from TextNode start: 0, length: 1, rect: [28,28 8x17.46875]
 
+    BlockContainer <body> at (8,8) content-size 784x48 children: inline
 
+      line 0 width: 61.1875, height: 48, bottom: 48, baseline: 34
 
+        frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x48]
 
+      BlockContainer <div.ib> at (8,8) content-size 61.1875x48 inline-block [BFC] children: inline
 
+        line 0 width: 61.1875, height: 48, bottom: 48, baseline: 34
 
+          frag 0 from BlockContainer start: 0, length: 0, rect: [9,25 17.828125x22]
 
+          frag 1 from TextNode start: 0, length: 1, rect: [28,28 8x17]
 
             " "
 
-          frag 2 from BlockContainer start: 0, length: 0, rect: [41,10 23.359375x43.671875]
 
+          frag 2 from BlockContainer start: 0, length: 0, rect: [41,10 23.359375x44]
 
         TextNode <#text>
 
-        BlockContainer <div.label> at (9,24) content-size 17.828125x21.84375 inline-block [BFC] children: inline
 
-          line 0 width: 17.828125, height: 21.84375, bottom: 21.84375, baseline: 16.921875
 
-            frag 0 from TextNode start: 0, length: 1, rect: [9,24 17.828125x21.84375]
 
+        BlockContainer <div.label> at (9,25) content-size 17.828125x22 inline-block [BFC] children: inline
 
+          line 0 width: 17.828125, height: 22, bottom: 22, baseline: 17
 
+            frag 0 from TextNode start: 0, length: 1, rect: [9,25 17.828125x22]
 
               "A"
 
           TextNode <#text>
 
         TextNode <#text>
 
-        BlockContainer <button> at (41,10) content-size 23.359375x43.671875 inline-block [BFC] children: not-inline
 
-          BlockContainer <(anonymous)> at (41,10) content-size 23.359375x43.671875 flex-container(column) [FFC] children: not-inline
 
-            BlockContainer <(anonymous)> at (41,10) content-size 23.359375x43.671875 flex-item [BFC] children: inline
 
-              line 0 width: 23.359375, height: 43.671875, bottom: 43.671875, baseline: 33.828125
 
-                frag 0 from TextNode start: 0, length: 1, rect: [41,10 23.359375x43.671875]
 
+        BlockContainer <button> at (41,10) content-size 23.359375x44 inline-block [BFC] children: not-inline
 
+          BlockContainer <(anonymous)> at (41,10) content-size 23.359375x44 flex-container(column) [FFC] children: not-inline
 
+            BlockContainer <(anonymous)> at (41,10) content-size 23.359375x44 flex-item [BFC] children: inline
 
+              line 0 width: 23.359375, height: 44, bottom: 44, baseline: 34
 
+                frag 0 from TextNode start: 0, length: 1, rect: [41,10 23.359375x44]
 
                   "B"
 
               TextNode <#text>
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x47.671875]
 
-      PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x47.671875]
 
-        PaintableWithLines (BlockContainer<DIV>.label) [8,23 19.828125x23.84375]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x48]
 
+      PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x48]
 
+        PaintableWithLines (BlockContainer<DIV>.label) [8,24 19.828125x24]
 
           TextPaintable (TextNode<#text>)
 
         TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x47.671875]
 
-          PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.671875]
 
-            PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.671875]
 
+        PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x48]
 
+          PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x44]
 
+            PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x44]
 
               TextPaintable (TextNode<#text>)

+ 17 - 17
Tests/LibWeb/Layout/expected/block-and-inline/button-should-have-vertically-aligned-content.txt
مشاهده فایل 

@@ -1,27 +1,27 @@
 
 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 784x200 children: inline
 
-      line 0 width: 76.6875, height: 200, bottom: 200, baseline: 71
 
+      line 0 width: 76.6875, height: 200, bottom: 200, baseline: 70.296875
 
         frag 0 from BlockContainer start: 0, length: 0, rect: [22,19 48.6875x178]
 
       TextNode <#text>
 
       BlockContainer <button.button.border-black> at (22,19) content-size 48.6875x178 inline-block [BFC] children: not-inline
 
         BlockContainer <(anonymous)> at (22,19) content-size 48.6875x178 flex-container(column) [FFC] children: not-inline
 
-          BlockContainer <(anonymous)> at (22,29.265625) content-size 48.6875x157.46875 flex-item [BFC] children: not-inline
 
-            BlockContainer <(anonymous)> at (22,29.265625) content-size 48.6875x0 children: inline
 
+          BlockContainer <(anonymous)> at (22,29.5) content-size 48.6875x157 flex-item [BFC] children: not-inline
 
+            BlockContainer <(anonymous)> at (22,29.5) content-size 48.6875x0 children: inline
 
               TextNode <#text>
 
-            BlockContainer <div.border-black> at (32,39.265625) content-size 28.6875x17.46875 children: inline
 
-              line 0 width: 28.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-                frag 0 from TextNode start: 1, length: 3, rect: [32,39.265625 28.6875x17.46875]
 
+            BlockContainer <div.border-black> at (32,39.5) content-size 28.6875x17 children: inline
 
+              line 0 width: 28.6875, height: 17, bottom: 17, baseline: 13.296875
 
+                frag 0 from TextNode start: 1, length: 3, rect: [32,39.5 28.6875x17]
 
                   "one"
 
               TextNode <#text>
 
-            BlockContainer <(anonymous)> at (22,66.734375) content-size 48.6875x0 children: inline
 
+            BlockContainer <(anonymous)> at (22,66.5) content-size 48.6875x0 children: inline
 
               TextNode <#text>
 
-            BlockContainer <div.border-black> at (32,76.734375) content-size 28.6875x100 children: inline
 
-              line 0 width: 28.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-                frag 0 from TextNode start: 1, length: 3, rect: [32,76.734375 28.4375x17.46875]
 
+            BlockContainer <div.border-black> at (32,76.5) content-size 28.6875x100 children: inline
 
+              line 0 width: 28.4375, height: 17, bottom: 17, baseline: 13.296875
 
+                frag 0 from TextNode start: 1, length: 3, rect: [32,76.5 28.4375x17]
 
                   "two"
 
               TextNode <#text>
 
-            BlockContainer <(anonymous)> at (22,186.734375) content-size 48.6875x0 children: inline
 
+            BlockContainer <(anonymous)> at (22,186.5) content-size 48.6875x0 children: inline
 
               TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
@@ -29,11 +29,11 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x200]
 
       PaintableWithLines (BlockContainer<BUTTON>.button.border-black) [8,8 76.6875x200]
 
         PaintableWithLines (BlockContainer(anonymous)) [22,19 48.6875x178]
 
-          PaintableWithLines (BlockContainer(anonymous)) [22,29.265625 48.6875x157.46875]
 
-            PaintableWithLines (BlockContainer(anonymous)) [22,29.265625 48.6875x0]
 
-            PaintableWithLines (BlockContainer<DIV>.border-black) [22,29.265625 48.6875x37.46875]
 
+          PaintableWithLines (BlockContainer(anonymous)) [22,29.5 48.6875x157]
 
+            PaintableWithLines (BlockContainer(anonymous)) [22,29.5 48.6875x0]
 
+            PaintableWithLines (BlockContainer<DIV>.border-black) [22,29.5 48.6875x37]
 
               TextPaintable (TextNode<#text>)
 
-            PaintableWithLines (BlockContainer(anonymous)) [22,66.734375 48.6875x0]
 
-            PaintableWithLines (BlockContainer<DIV>.border-black) [22,66.734375 48.6875x120]
 
+            PaintableWithLines (BlockContainer(anonymous)) [22,66.5 48.6875x0]
 
+            PaintableWithLines (BlockContainer<DIV>.border-black) [22,66.5 48.6875x120]
 
               TextPaintable (TextNode<#text>)
 
-            PaintableWithLines (BlockContainer(anonymous)) [22,186.734375 48.6875x0]
 
+            PaintableWithLines (BlockContainer(anonymous)) [22,186.5 48.6875x0]

+ 20 - 20
Tests/LibWeb/Layout/expected/block-and-inline/button-width.txt
مشاهده فایل 

@@ -1,29 +1,29 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x58.9375 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x42.9375 children: not-inline
 
-      BlockContainer <button.btn.fixed-width> at (13,10) content-size 190x17.46875 children: not-inline
 
-        BlockContainer <(anonymous)> at (13,10) content-size 190x17.46875 flex-container(column) [FFC] children: not-inline
 
-          BlockContainer <(anonymous)> at (13,10) content-size 190x17.46875 flex-item [BFC] children: inline
 
-            line 0 width: 94.921875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-              frag 0 from TextNode start: 0, length: 11, rect: [61,10 94.921875x17.46875]
 
+  BlockContainer <html> at (0,0) content-size 800x58 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x42 children: not-inline
 
+      BlockContainer <button.btn.fixed-width> at (13,10) content-size 190x17 children: not-inline
 
+        BlockContainer <(anonymous)> at (13,10) content-size 190x17 flex-container(column) [FFC] children: not-inline
 
+          BlockContainer <(anonymous)> at (13,10) content-size 190x17 flex-item [BFC] children: inline
 
+            line 0 width: 94.921875, height: 17, bottom: 17, baseline: 13.296875
 
+              frag 0 from TextNode start: 0, length: 11, rect: [61,10 94.921875x17]
 
                 "200px width"
 
             TextNode <#text>
 
-      BlockContainer <button.btn> at (13,31.46875) content-size 324.671875x17.46875 children: not-inline
 
-        BlockContainer <(anonymous)> at (13,31.46875) content-size 324.671875x17.46875 flex-container(column) [FFC] children: not-inline
 
-          BlockContainer <(anonymous)> at (13,31.46875) content-size 324.671875x17.46875 flex-item [BFC] children: inline
 
-            line 0 width: 324.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-              frag 0 from TextNode start: 0, length: 39, rect: [13,31.46875 324.671875x17.46875]
 
+      BlockContainer <button.btn> at (13,31) content-size 324.671875x17 children: not-inline
 
+        BlockContainer <(anonymous)> at (13,31) content-size 324.671875x17 flex-container(column) [FFC] children: not-inline
 
+          BlockContainer <(anonymous)> at (13,31) content-size 324.671875x17 flex-item [BFC] children: inline
 
+            line 0 width: 324.671875, height: 17, bottom: 17, baseline: 13.296875
 
+              frag 0 from TextNode start: 0, length: 39, rect: [13,31 324.671875x17]
 
                 "auto width should behave as fit-content"
 
             TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x58.9375]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x42.9375]
 
-      PaintableWithLines (BlockContainer<BUTTON>.btn.fixed-width) [8,8 200x21.46875]
 
-        PaintableWithLines (BlockContainer(anonymous)) [13,10 190x17.46875]
 
-          PaintableWithLines (BlockContainer(anonymous)) [13,10 190x17.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x58]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x42]
 
+      PaintableWithLines (BlockContainer<BUTTON>.btn.fixed-width) [8,8 200x21]
 
+        PaintableWithLines (BlockContainer(anonymous)) [13,10 190x17]
 
+          PaintableWithLines (BlockContainer(anonymous)) [13,10 190x17]
 
             TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer<BUTTON>.btn) [8,29.46875 334.671875x21.46875]
 
-        PaintableWithLines (BlockContainer(anonymous)) [13,31.46875 324.671875x17.46875]
 
-          PaintableWithLines (BlockContainer(anonymous)) [13,31.46875 324.671875x17.46875]
 
+      PaintableWithLines (BlockContainer<BUTTON>.btn) [8,29 334.671875x21]
 
+        PaintableWithLines (BlockContainer(anonymous)) [13,31 324.671875x17]
 
+          PaintableWithLines (BlockContainer(anonymous)) [13,31 324.671875x17]
 
             TextPaintable (TextNode<#text>)

+ 16 - 16
Tests/LibWeb/Layout/expected/block-and-inline/button-with-after-pseudo.txt
مشاهده فایل 

@@ -1,23 +1,23 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x74.59375 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x58.59375 children: inline
 
-      line 0 width: 424.640625, height: 58.59375, bottom: 58.59375, baseline: 42.28125
 
-        frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 414.640625x54.59375]
 
-      BlockContainer <button.button_button___eDCW> at (13,10) content-size 414.640625x54.59375 positioned inline-block [BFC] children: not-inline
 
-        BlockContainer <(anonymous)> at (13,10) content-size 414.640625x54.59375 flex-container(column) [FFC] children: not-inline
 
-          BlockContainer <(anonymous)> at (13,10) content-size 414.640625x54.59375 flex-item [BFC] children: inline
 
-            line 0 width: 414.640625, height: 54.59375, bottom: 54.59375, baseline: 42.28125
 
-              frag 0 from TextNode start: 0, length: 14, rect: [13,10 414.640625x54.59375]
 
+  BlockContainer <html> at (0,0) content-size 800x75 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x59 children: inline
 
+      line 0 width: 424.640625, height: 59, bottom: 59, baseline: 42.484375
 
+        frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 414.640625x55]
 
+      BlockContainer <button.button_button___eDCW> at (13,10) content-size 414.640625x55 positioned inline-block [BFC] children: not-inline
 
+        BlockContainer <(anonymous)> at (13,10) content-size 414.640625x55 flex-container(column) [FFC] children: not-inline
 
+          BlockContainer <(anonymous)> at (13,10) content-size 414.640625x55 flex-item [BFC] children: inline
 
+            line 0 width: 414.640625, height: 55, bottom: 55, baseline: 42.484375
 
+              frag 0 from TextNode start: 0, length: 14, rect: [13,10 414.640625x55]
 
                 "See more games"
 
             TextNode <#text>
 
-        BlockContainer <(anonymous)> at (9,9) content-size 422.640625x56.59375 positioned [BFC] children: inline
 
+        BlockContainer <(anonymous)> at (9,9) content-size 422.640625x57 positioned [BFC] children: inline
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x74.59375]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x58.59375]
 
-      PaintableWithLines (BlockContainer<BUTTON>.button_button___eDCW) [8,8 424.640625x58.59375]
 
-        PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x54.59375]
 
-          PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x54.59375]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x75]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x59]
 
+      PaintableWithLines (BlockContainer<BUTTON>.button_button___eDCW) [8,8 424.640625x59]
 
+        PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x55]
 
+          PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x55]
 
             TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer(anonymous)) [9,9 422.640625x56.59375]
 
+        PaintableWithLines (BlockContainer(anonymous)) [9,9 422.640625x57]

+ 16 - 16
Tests/LibWeb/Layout/expected/block-and-inline/button-with-before-pseudo.txt
مشاهده فایل 

@@ -1,23 +1,23 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x74.59375 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x58.59375 children: inline
 
-      line 0 width: 424.640625, height: 58.59375, bottom: 58.59375, baseline: 42.28125
 
-        frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 414.640625x54.59375]
 
-      BlockContainer <button.button_button___eDCW> at (13,10) content-size 414.640625x54.59375 positioned inline-block [BFC] children: not-inline
 
-        BlockContainer <(anonymous)> at (9,9) content-size 422.640625x56.59375 positioned [BFC] children: inline
 
+  BlockContainer <html> at (0,0) content-size 800x75 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x59 children: inline
 
+      line 0 width: 424.640625, height: 59, bottom: 59, baseline: 42.484375
 
+        frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 414.640625x55]
 
+      BlockContainer <button.button_button___eDCW> at (13,10) content-size 414.640625x55 positioned inline-block [BFC] children: not-inline
 
+        BlockContainer <(anonymous)> at (9,9) content-size 422.640625x57 positioned [BFC] children: inline
 
           TextNode <#text>
 
-        BlockContainer <(anonymous)> at (13,10) content-size 414.640625x54.59375 flex-container(column) [FFC] children: not-inline
 
-          BlockContainer <(anonymous)> at (13,10) content-size 414.640625x54.59375 flex-item [BFC] children: inline
 
-            line 0 width: 414.640625, height: 54.59375, bottom: 54.59375, baseline: 42.28125
 
-              frag 0 from TextNode start: 0, length: 14, rect: [13,10 414.640625x54.59375]
 
+        BlockContainer <(anonymous)> at (13,10) content-size 414.640625x55 flex-container(column) [FFC] children: not-inline
 
+          BlockContainer <(anonymous)> at (13,10) content-size 414.640625x55 flex-item [BFC] children: inline
 
+            line 0 width: 414.640625, height: 55, bottom: 55, baseline: 42.484375
 
+              frag 0 from TextNode start: 0, length: 14, rect: [13,10 414.640625x55]
 
                 "See more games"
 
             TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x74.59375]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x58.59375]
 
-      PaintableWithLines (BlockContainer<BUTTON>.button_button___eDCW) [8,8 424.640625x58.59375]
 
-        PaintableWithLines (BlockContainer(anonymous)) [9,9 422.640625x56.59375]
 
-        PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x54.59375]
 
-          PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x54.59375]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x75]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x59]
 
+      PaintableWithLines (BlockContainer<BUTTON>.button_button___eDCW) [8,8 424.640625x59]
 
+        PaintableWithLines (BlockContainer(anonymous)) [9,9 422.640625x57]
 
+        PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x55]
 
+          PaintableWithLines (BlockContainer(anonymous)) [13,10 414.640625x55]
 
             TextPaintable (TextNode<#text>)

+ 26 - 26
Tests/LibWeb/Layout/expected/block-and-inline/button-with-block-content-baseline-align.txt
مشاهده فایل 

@@ -1,46 +1,46 @@
 
 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 784x47.671875 children: inline
 
-      line 0 width: 61.1875, height: 47.671875, bottom: 47.671875, baseline: 33.828125
 
-        frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x47.671875]
 
-      BlockContainer <div.ib> at (8,8) content-size 61.1875x47.671875 inline-block [BFC] children: inline
 
-        line 0 width: 61.1875, height: 47.671875, bottom: 47.671875, baseline: 33.828125
 
-          frag 0 from BlockContainer start: 0, length: 0, rect: [9,24 17.828125x21.84375]
 
-          frag 1 from TextNode start: 0, length: 1, rect: [28,28 8x17.46875]
 
+    BlockContainer <body> at (8,8) content-size 784x48 children: inline
 
+      line 0 width: 61.1875, height: 48, bottom: 48, baseline: 34
 
+        frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x48]
 
+      BlockContainer <div.ib> at (8,8) content-size 61.1875x48 inline-block [BFC] children: inline
 
+        line 0 width: 61.1875, height: 48, bottom: 48, baseline: 34
 
+          frag 0 from BlockContainer start: 0, length: 0, rect: [9,25 17.828125x22]
 
+          frag 1 from TextNode start: 0, length: 1, rect: [28,28 8x17]
 
             " "
 
-          frag 2 from BlockContainer start: 0, length: 0, rect: [41,10 23.359375x43.671875]
 
+          frag 2 from BlockContainer start: 0, length: 0, rect: [41,10 23.359375x44]
 
         TextNode <#text>
 
-        BlockContainer <div.label> at (9,24) content-size 17.828125x21.84375 inline-block [BFC] children: inline
 
-          line 0 width: 17.828125, height: 21.84375, bottom: 21.84375, baseline: 16.921875
 
-            frag 0 from TextNode start: 0, length: 1, rect: [9,24 17.828125x21.84375]
 
+        BlockContainer <div.label> at (9,25) content-size 17.828125x22 inline-block [BFC] children: inline
 
+          line 0 width: 17.828125, height: 22, bottom: 22, baseline: 17
 
+            frag 0 from TextNode start: 0, length: 1, rect: [9,25 17.828125x22]
 
               "A"
 
           TextNode <#text>
 
         TextNode <#text>
 
-        BlockContainer <button> at (41,10) content-size 23.359375x43.671875 inline-block [BFC] children: not-inline
 
-          BlockContainer <(anonymous)> at (41,10) content-size 23.359375x43.671875 flex-container(column) [FFC] children: not-inline
 
-            BlockContainer <(anonymous)> at (41,10) content-size 23.359375x43.671875 flex-item [BFC] children: not-inline
 
+        BlockContainer <button> at (41,10) content-size 23.359375x44 inline-block [BFC] children: not-inline
 
+          BlockContainer <(anonymous)> at (41,10) content-size 23.359375x44 flex-container(column) [FFC] children: not-inline
 
+            BlockContainer <(anonymous)> at (41,10) content-size 23.359375x44 flex-item [BFC] children: not-inline
 
               BlockContainer <(anonymous)> at (41,10) content-size 23.359375x0 children: inline
 
                 TextNode <#text>
 
-              BlockContainer <div> at (41,10) content-size 23.359375x43.671875 children: inline
 
-                line 0 width: 23.359375, height: 43.671875, bottom: 43.671875, baseline: 33.828125
 
-                  frag 0 from TextNode start: 0, length: 1, rect: [41,10 23.359375x43.671875]
 
+              BlockContainer <div> at (41,10) content-size 23.359375x44 children: inline
 
+                line 0 width: 23.359375, height: 44, bottom: 44, baseline: 34
 
+                  frag 0 from TextNode start: 0, length: 1, rect: [41,10 23.359375x44]
 
                     "B"
 
                 TextNode <#text>
 
-              BlockContainer <(anonymous)> at (41,53.671875) content-size 23.359375x0 children: inline
 
+              BlockContainer <(anonymous)> at (41,54) content-size 23.359375x0 children: inline
 
                 TextNode <#text>
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x47.671875]
 
-      PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x47.671875]
 
-        PaintableWithLines (BlockContainer<DIV>.label) [8,23 19.828125x23.84375]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x48]
 
+      PaintableWithLines (BlockContainer<DIV>.ib) [8,8 61.1875x48]
 
+        PaintableWithLines (BlockContainer<DIV>.label) [8,24 19.828125x24]
 
           TextPaintable (TextNode<#text>)
 
         TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x47.671875]
 
-          PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.671875]
 
-            PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x43.671875]
 
+        PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x48]
 
+          PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x44]
 
+            PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x44]
 
               PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x0]
 
-              PaintableWithLines (BlockContainer<DIV>) [41,10 23.359375x43.671875]
 
+              PaintableWithLines (BlockContainer<DIV>) [41,10 23.359375x44]
 
                 TextPaintable (TextNode<#text>)
 
-              PaintableWithLines (BlockContainer(anonymous)) [41,53.671875 23.359375x0]
 
+              PaintableWithLines (BlockContainer(anonymous)) [41,54 23.359375x0]

+ 12 - 12
Tests/LibWeb/Layout/expected/block-and-inline/button-with-multiple-words-text-node-label.txt
مشاهده فایل 

@@ -1,20 +1,20 @@
 
 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 784x21.46875 children: inline
 
-      line 0 width: 59.921875, height: 21.46875, bottom: 21.46875, baseline: 13.53125
 
-        frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 49.921875x17.46875]
 
-      BlockContainer <button> at (13,10) content-size 49.921875x17.46875 inline-block [BFC] children: not-inline
 
-        BlockContainer <(anonymous)> at (13,10) content-size 49.921875x17.46875 flex-container(column) [FFC] children: not-inline
 
-          BlockContainer <(anonymous)> at (13,10) content-size 49.921875x17.46875 flex-item [BFC] children: inline
 
-            line 0 width: 49.921875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-              frag 0 from TextNode start: 0, length: 5, rect: [13,10 49.921875x17.46875]
 
+    BlockContainer <body> at (8,8) content-size 784x21 children: inline
 
+      line 0 width: 59.921875, height: 21, bottom: 21, baseline: 13.296875
 
+        frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 49.921875x17]
 
+      BlockContainer <button> at (13,10) content-size 49.921875x17 inline-block [BFC] children: not-inline
 
+        BlockContainer <(anonymous)> at (13,10) content-size 49.921875x17 flex-container(column) [FFC] children: not-inline
 
+          BlockContainer <(anonymous)> at (13,10) content-size 49.921875x17 flex-item [BFC] children: inline
 
+            line 0 width: 49.921875, height: 17, bottom: 17, baseline: 13.296875
 
+              frag 0 from TextNode start: 0, length: 5, rect: [13,10 49.921875x17]
 
                 "A B C"
 
             TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x21.46875]
 
-      PaintableWithLines (BlockContainer<BUTTON>) [8,8 59.921875x21.46875]
 
-        PaintableWithLines (BlockContainer(anonymous)) [13,10 49.921875x17.46875]
 
-          PaintableWithLines (BlockContainer(anonymous)) [13,10 49.921875x17.46875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x21]
 
+      PaintableWithLines (BlockContainer<BUTTON>) [8,8 59.921875x21]
 
+        PaintableWithLines (BlockContainer(anonymous)) [13,10 49.921875x17]
 
+          PaintableWithLines (BlockContainer(anonymous)) [13,10 49.921875x17]
 
             TextPaintable (TextNode<#text>)

+ 12 - 12
Tests/LibWeb/Layout/expected/block-and-inline/button-with-text-node-label-and-font-size.txt
مشاهده فایل 

@@ -1,20 +1,20 @@
 
 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 784x56.40625 children: inline
 
-      line 0 width: 121.65625, height: 56.40625, bottom: 56.40625, baseline: 40.59375
 
-        frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 111.65625x52.40625]
 
-      BlockContainer <button> at (13,10) content-size 111.65625x52.40625 inline-block [BFC] children: not-inline
 
-        BlockContainer <(anonymous)> at (13,10) content-size 111.65625x52.40625 flex-container(column) [FFC] children: not-inline
 
-          BlockContainer <(anonymous)> at (13,10) content-size 111.65625x52.40625 flex-item [BFC] children: inline
 
-            line 0 width: 111.65625, height: 52.40625, bottom: 52.40625, baseline: 40.59375
 
-              frag 0 from TextNode start: 0, length: 4, rect: [13,10 111.65625x52.40625]
 
+    BlockContainer <body> at (8,8) content-size 784x56 children: inline
 
+      line 0 width: 121.65625, height: 56, bottom: 56, baseline: 40.390625
 
+        frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 111.65625x52]
 
+      BlockContainer <button> at (13,10) content-size 111.65625x52 inline-block [BFC] children: not-inline
 
+        BlockContainer <(anonymous)> at (13,10) content-size 111.65625x52 flex-container(column) [FFC] children: not-inline
 
+          BlockContainer <(anonymous)> at (13,10) content-size 111.65625x52 flex-item [BFC] children: inline
 
+            line 0 width: 111.65625, height: 52, bottom: 52, baseline: 40.390625
 
+              frag 0 from TextNode start: 0, length: 4, rect: [13,10 111.65625x52]
 
                 "Test"
 
             TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x56.40625]
 
-      PaintableWithLines (BlockContainer<BUTTON>) [8,8 121.65625x56.40625]
 
-        PaintableWithLines (BlockContainer(anonymous)) [13,10 111.65625x52.40625]
 
-          PaintableWithLines (BlockContainer(anonymous)) [13,10 111.65625x52.40625]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x56]
 
+      PaintableWithLines (BlockContainer<BUTTON>) [8,8 121.65625x56]
 
+        PaintableWithLines (BlockContainer(anonymous)) [13,10 111.65625x52]
 
+          PaintableWithLines (BlockContainer(anonymous)) [13,10 111.65625x52]
 
             TextPaintable (TextNode<#text>)

+ 12 - 12
Tests/LibWeb/Layout/expected/block-and-inline/button-with-text-node-label.txt
مشاهده فایل 

@@ -1,20 +1,20 @@
 
 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 784x21.46875 children: inline
 
-      line 0 width: 47.21875, height: 21.46875, bottom: 21.46875, baseline: 13.53125
 
-        frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 37.21875x17.46875]
 
-      BlockContainer <button> at (13,10) content-size 37.21875x17.46875 inline-block [BFC] children: not-inline
 
-        BlockContainer <(anonymous)> at (13,10) content-size 37.21875x17.46875 flex-container(column) [FFC] children: not-inline
 
-          BlockContainer <(anonymous)> at (13,10) content-size 37.21875x17.46875 flex-item [BFC] children: inline
 
-            line 0 width: 37.21875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-              frag 0 from TextNode start: 0, length: 4, rect: [13,10 37.21875x17.46875]
 
+    BlockContainer <body> at (8,8) content-size 784x21 children: inline
 
+      line 0 width: 47.21875, height: 21, bottom: 21, baseline: 13.296875
 
+        frag 0 from BlockContainer start: 0, length: 0, rect: [13,10 37.21875x17]
 
+      BlockContainer <button> at (13,10) content-size 37.21875x17 inline-block [BFC] children: not-inline
 
+        BlockContainer <(anonymous)> at (13,10) content-size 37.21875x17 flex-container(column) [FFC] children: not-inline
 
+          BlockContainer <(anonymous)> at (13,10) content-size 37.21875x17 flex-item [BFC] children: inline
 
+            line 0 width: 37.21875, height: 17, bottom: 17, baseline: 13.296875
 
+              frag 0 from TextNode start: 0, length: 4, rect: [13,10 37.21875x17]
 
                 "Test"
 
             TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x21.46875]
 
-      PaintableWithLines (BlockContainer<BUTTON>) [8,8 47.21875x21.46875]
 
-        PaintableWithLines (BlockContainer(anonymous)) [13,10 37.21875x17.46875]
 
-          PaintableWithLines (BlockContainer(anonymous)) [13,10 37.21875x17.46875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x21]
 
+      PaintableWithLines (BlockContainer<BUTTON>) [8,8 47.21875x21]
 
+        PaintableWithLines (BlockContainer(anonymous)) [13,10 37.21875x17]
 
+          PaintableWithLines (BlockContainer(anonymous)) [13,10 37.21875x17]
 
             TextPaintable (TextNode<#text>)

+ 12 - 12
Tests/LibWeb/Layout/expected/block-and-inline/clear-both-from-inline-formatting-context.txt
مشاهده فایل 

@@ -3,21 +3,21 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
     BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
 
       BlockContainer <div> at (8,8) content-size 784x0 children: inline
 
         TextNode <#text>
 
-        BlockContainer <h1.left> at (8,29.4375) content-size 28.53125x34.9375 floating [BFC] children: inline
 
-          line 0 width: 28.53125, height: 34.9375, bottom: 34.9375, baseline: 27.0625
 
-            frag 0 from TextNode start: 0, length: 1, rect: [8,29.4375 28.53125x34.9375]
 
+        BlockContainer <h1.left> at (8,29.4375) content-size 28.53125x35 floating [BFC] children: inline
 
+          line 0 width: 28.53125, height: 35, bottom: 35, baseline: 27.09375
 
+            frag 0 from TextNode start: 0, length: 1, rect: [8,29.4375 28.53125x35]
 
               "A"
 
           TextNode <#text>
 
         TextNode <#text>
 
-        BlockContainer <h1.right> at (773.3125,29.4375) content-size 18.6875x34.9375 floating [BFC] children: inline
 
-          line 0 width: 18.6875, height: 34.9375, bottom: 34.9375, baseline: 27.0625
 
-            frag 0 from TextNode start: 0, length: 1, rect: [773.3125,29.4375 18.6875x34.9375]
 
+        BlockContainer <h1.right> at (773.3125,29.4375) content-size 18.6875x35 floating [BFC] children: inline
 
+          line 0 width: 18.6875, height: 35, bottom: 35, baseline: 27.09375
 
+            frag 0 from TextNode start: 0, length: 1, rect: [773.3125,29.4375 18.6875x35]
 
               "B"
 
           TextNode <#text>
 
         TextNode <#text>
 
-        BlockContainer <div.c> at (8,155.8125) content-size 11.5625x17.46875 floating [BFC] children: inline
 
-          line 0 width: 11.5625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 1, rect: [8,155.8125 11.5625x17.46875]
 
+        BlockContainer <div.c> at (8,155.875) content-size 11.5625x17 floating [BFC] children: inline
 
+          line 0 width: 11.5625, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 1, rect: [8,155.875 11.5625x17]
 
               "X"
 
           TextNode <#text>
 
         TextNode <#text>
 
@@ -26,9 +26,9 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
     PaintableWithLines (BlockContainer<BODY>) [8,8 784x0]
 
       PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
 
-        PaintableWithLines (BlockContainer<H1>.left) [8,29.4375 28.53125x34.9375]
 
+        PaintableWithLines (BlockContainer<H1>.left) [8,29.4375 28.53125x35]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<H1>.right) [773.3125,29.4375 18.6875x34.9375]
 
+        PaintableWithLines (BlockContainer<H1>.right) [773.3125,29.4375 18.6875x35]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<DIV>.c) [8,155.8125 11.5625x17.46875]
 
+        PaintableWithLines (BlockContainer<DIV>.c) [8,155.875 11.5625x17]
 
           TextPaintable (TextNode<#text>)

+ 14 - 14
Tests/LibWeb/Layout/expected/block-and-inline/clear-both-without-introducing-clearance.txt
مشاهده فایل 

@@ -1,23 +1,23 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x125.9375 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x109.9375 children: not-inline
 
-      BlockContainer <div.upper> at (8,8) content-size 784x17.46875 children: inline
 
-        line 0 width: 46.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 5, rect: [8,8 46.15625x17.46875]
 
+  BlockContainer <html> at (0,0) content-size 800x125 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x109 children: not-inline
 
+      BlockContainer <div.upper> at (8,8) content-size 784x17 children: inline
 
+        line 0 width: 46.15625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 5, rect: [8,8 46.15625x17]
 
             "upper"
 
         TextNode <#text>
 
-      BlockContainer <div.mystery> at (8,100.46875) content-size 784x0 children: not-inline
 
-      BlockContainer <div.lower> at (8,100.46875) content-size 784x17.46875 children: inline
 
-        line 0 width: 43.359375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 5, rect: [8,100.46875 43.359375x17.46875]
 
+      BlockContainer <div.mystery> at (8,100) content-size 784x0 children: not-inline
 
+      BlockContainer <div.lower> at (8,100) content-size 784x17 children: inline
 
+        line 0 width: 43.359375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 5, rect: [8,100 43.359375x17]
 
             "lower"
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x125.9375]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x109.9375]
 
-      PaintableWithLines (BlockContainer<DIV>.upper) [8,8 784x17.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x125]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x109]
 
+      PaintableWithLines (BlockContainer<DIV>.upper) [8,8 784x17]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer<DIV>.mystery) [8,100.46875 784x0]
 
-      PaintableWithLines (BlockContainer<DIV>.lower) [8,100.46875 784x17.46875]
 
+      PaintableWithLines (BlockContainer<DIV>.mystery) [8,100 784x0]
 
+      PaintableWithLines (BlockContainer<DIV>.lower) [8,100 784x17]
 
         TextPaintable (TextNode<#text>)

+ 1 - 1
Tests/LibWeb/Layout/expected/block-and-inline/columns-33-percent-width.txt
مشاهده فایل 

@@ -14,4 +14,4 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
     PaintableWithLines (BlockContainer<BODY>) [8,8 620x100]
 
       PaintableWithLines (BlockContainer<DIV>) [8,8 206.65625x100]
 
       PaintableWithLines (BlockContainer<DIV>) [215,8 206.65625x100]
 
-      PaintableWithLines (BlockContainer<DIV>) [421,8 206.65625x100]
 
+      PaintableWithLines (BlockContainer<DIV>) [421,8 206.65625x100]

+ 6 - 6
Tests/LibWeb/Layout/expected/block-and-inline/flex-container-should-avoid-overlapping-floats.txt
مشاهده فایل 

@@ -1,22 +1,22 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (0,0) content-size 800x66 [BFC] children: not-inline
 
     BlockContainer <body> at (8,8) content-size 400x50 children: not-inline
 
-      BlockContainer <div.right> at (370.890625,8) content-size 37.109375x17.46875 floating [BFC] children: inline
 
-        line 0 width: 37.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 5, rect: [370.890625,8 37.109375x17.46875]
 
+      BlockContainer <div.right> at (370.890625,8) content-size 37.109375x17 floating [BFC] children: inline
 
+        line 0 width: 37.109375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 5, rect: [370.890625,8 37.109375x17]
 
             "right"
 
         TextNode <#text>
 
       Box <div.flex> at (8,8) content-size 362.890625x50 flex-container(row) [FFC] children: not-inline
 
         BlockContainer <div.item> at (8,8) content-size 32.34375x50 flex-item [BFC] children: inline
 
-          line 0 width: 32.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 4, rect: [8,8 32.34375x17.46875]
 
+          line 0 width: 32.34375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 4, rect: [8,8 32.34375x17]
 
               "item"
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
 
     PaintableWithLines (BlockContainer<BODY>) [8,8 400x50]
 
-      PaintableWithLines (BlockContainer<DIV>.right) [370.890625,8 37.109375x17.46875]
 
+      PaintableWithLines (BlockContainer<DIV>.right) [370.890625,8 37.109375x17]
 
         TextPaintable (TextNode<#text>)
 
       PaintableBox (Box<DIV>.flex) [8,8 362.890625x50]
 
         PaintableWithLines (BlockContainer<DIV>.item) [8,8 32.34375x50]

+ 56 - 56
Tests/LibWeb/Layout/expected/block-and-inline/float-1.txt
مشاهده فایل 

@@ -1,19 +1,19 @@
 
 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 784x332.34375 children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x323 children: not-inline
 
       BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
 
         TextNode <#text>
 
       BlockContainer <div> at (8,8) content-size 784x0 children: inline
 
         TextNode <#text>
 
         BlockContainer <div#lefty> at (8,8) content-size 100x100 floating [BFC] children: inline
 
-          line 0 width: 10.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 1, rect: [8,8 10.859375x17.46875]
 
+          line 0 width: 10.859375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 1, rect: [8,8 10.859375x17]
 
               "L"
 
           TextNode <#text>
 
         TextNode <#text>
 
         BlockContainer <div#righty> at (742,8) content-size 50x50 floating [BFC] children: inline
 
-          line 0 width: 13.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 1, rect: [742,8 13.6875x17.46875]
 
+          line 0 width: 13.6875, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 1, rect: [742,8 13.6875x17]
 
               "R"
 
           TextNode <#text>
 
         TextNode <#text>
 
@@ -22,14 +22,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
       BlockContainer <div> at (8,8) content-size 784x0 children: inline
 
         TextNode <#text>
 
         BlockContainer <div#lefty2> at (108,8) content-size 80x80 floating [BFC] children: inline
 
-          line 0 width: 19.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 2, rect: [108,8 19.671875x17.46875]
 
+          line 0 width: 19.671875, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 2, rect: [108,8 19.671875x17]
 
               "L2"
 
           TextNode <#text>
 
         TextNode <#text>
 
         BlockContainer <div#righty2> at (712,8) content-size 30x30 floating [BFC] children: inline
 
-          line 0 width: 22.5, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 2, rect: [712,8 22.5x17.46875]
 
+          line 0 width: 22.5, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 2, rect: [712,8 22.5x17]
 
               "R2"
 
           TextNode <#text>
 
         TextNode <#text>
 
@@ -38,84 +38,84 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
       BlockContainer <div> at (8,8) content-size 784x0 children: inline
 
         TextNode <#text>
 
         BlockContainer <div#lefty3> at (188,8) content-size 40x40 floating [BFC] children: inline
 
-          line 0 width: 19.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 2, rect: [188,8 19.953125x17.46875]
 
+          line 0 width: 19.953125, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 2, rect: [188,8 19.953125x17]
 
               "L3"
 
           TextNode <#text>
 
         TextNode <#text>
 
         BlockContainer <div#righty3> at (692,8) content-size 20x20 floating [BFC] children: inline
 
-          line 0 width: 22.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 2, rect: [692,8 22.78125x17.46875]
 
+          line 0 width: 22.78125, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 2, rect: [692,8 22.78125x17]
 
               "R3"
 
           TextNode <#text>
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
 
         TextNode <#text>
 
-      BlockContainer <div> at (8,8) content-size 784x332.34375 children: inline
 
-        line 0 width: 414.5625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 1, length: 47, rect: [228,8 414.5625x17.46875]
 
+      BlockContainer <div> at (8,8) content-size 784x323 children: inline
 
+        line 0 width: 414.5625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 1, length: 47, rect: [228,8 414.5625x17]
 
             "lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
 
-        line 1 width: 414.5625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-          frag 0 from TextNode start: 49, length: 47, rect: [228,25 414.5625x17.46875]
 
+        line 1 width: 414.5625, height: 17, bottom: 34, baseline: 13.296875
 
+          frag 0 from TextNode start: 49, length: 47, rect: [228,25 414.5625x17]
 
             "lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
 
-        line 2 width: 466.90625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
 
-          frag 0 from TextNode start: 97, length: 53, rect: [228,42 466.90625x17.46875]
 
+        line 2 width: 466.90625, height: 17, bottom: 51, baseline: 13.296875
 
+          frag 0 from TextNode start: 97, length: 53, rect: [228,42 466.90625x17]
 
             "lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
 
-        line 3 width: 573.5, height: 17.875, bottom: 70.28125, baseline: 13.53125
 
-          frag 0 from TextNode start: 151, length: 65, rect: [188,60 573.5x17.46875]
 
+        line 3 width: 573.5, height: 17, bottom: 68, baseline: 13.296875
 
+          frag 0 from TextNode start: 151, length: 65, rect: [188,59 573.5x17]
 
             "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
 
-        line 4 width: 572.546875, height: 18.34375, bottom: 88.21875, baseline: 13.53125
 
-          frag 0 from TextNode start: 217, length: 65, rect: [188,77 572.546875x17.46875]
 
+        line 4 width: 572.546875, height: 17, bottom: 85, baseline: 13.296875
 
+          frag 0 from TextNode start: 217, length: 65, rect: [188,76 572.546875x17]
 
             "lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
 
-        line 5 width: 679.140625, height: 17.8125, bottom: 105.15625, baseline: 13.53125
 
-          frag 0 from TextNode start: 283, length: 77, rect: [108,95 679.140625x17.46875]
 
+        line 5 width: 679.140625, height: 17, bottom: 102, baseline: 13.296875
 
+          frag 0 from TextNode start: 283, length: 77, rect: [108,93 679.140625x17]
 
             "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
 
-        line 6 width: 783.828125, height: 18.28125, bottom: 123.09375, baseline: 13.53125
 
-          frag 0 from TextNode start: 361, length: 89, rect: [8,112 783.828125x17.46875]
 
+        line 6 width: 783.828125, height: 17, bottom: 119, baseline: 13.296875
 
+          frag 0 from TextNode start: 361, length: 89, rect: [8,110 783.828125x17]
 
             "lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
 
-        line 7 width: 731.484375, height: 17.75, bottom: 140.03125, baseline: 13.53125
 
-          frag 0 from TextNode start: 451, length: 83, rect: [8,130 731.484375x17.46875]
 
+        line 7 width: 731.484375, height: 17, bottom: 136, baseline: 13.296875
 
+          frag 0 from TextNode start: 451, length: 83, rect: [8,127 731.484375x17]
 
             "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
 
-        line 8 width: 731.484375, height: 18.21875, bottom: 157.96875, baseline: 13.53125
 
-          frag 0 from TextNode start: 535, length: 83, rect: [8,147 731.484375x17.46875]
 
+        line 8 width: 731.484375, height: 17, bottom: 153, baseline: 13.296875
 
+          frag 0 from TextNode start: 535, length: 83, rect: [8,144 731.484375x17]
 
             "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
 
-        line 9 width: 731.484375, height: 17.6875, bottom: 174.90625, baseline: 13.53125
 
-          frag 0 from TextNode start: 619, length: 83, rect: [8,165 731.484375x17.46875]
 
+        line 9 width: 731.484375, height: 17, bottom: 170, baseline: 13.296875
 
+          frag 0 from TextNode start: 619, length: 83, rect: [8,161 731.484375x17]
 
             "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
 
-        line 10 width: 731.484375, height: 18.15625, bottom: 192.84375, baseline: 13.53125
 
-          frag 0 from TextNode start: 703, length: 83, rect: [8,182 731.484375x17.46875]
 
+        line 10 width: 731.484375, height: 17, bottom: 187, baseline: 13.296875
 
+          frag 0 from TextNode start: 703, length: 83, rect: [8,178 731.484375x17]
 
             "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
 
-        line 11 width: 731.484375, height: 17.625, bottom: 209.78125, baseline: 13.53125
 
-          frag 0 from TextNode start: 787, length: 83, rect: [8,200 731.484375x17.46875]
 
+        line 11 width: 731.484375, height: 17, bottom: 204, baseline: 13.296875
 
+          frag 0 from TextNode start: 787, length: 83, rect: [8,195 731.484375x17]
 
             "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
 
-        line 12 width: 731.484375, height: 18.09375, bottom: 227.71875, baseline: 13.53125
 
-          frag 0 from TextNode start: 871, length: 83, rect: [8,217 731.484375x17.46875]
 
+        line 12 width: 731.484375, height: 17, bottom: 221, baseline: 13.296875
 
+          frag 0 from TextNode start: 871, length: 83, rect: [8,212 731.484375x17]
 
             "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
 
-        line 13 width: 731.484375, height: 17.5625, bottom: 244.65625, baseline: 13.53125
 
-          frag 0 from TextNode start: 955, length: 83, rect: [8,235 731.484375x17.46875]
 
+        line 13 width: 731.484375, height: 17, bottom: 238, baseline: 13.296875
 
+          frag 0 from TextNode start: 955, length: 83, rect: [8,229 731.484375x17]
 
             "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
 
-        line 14 width: 731.484375, height: 18.03125, bottom: 262.59375, baseline: 13.53125
 
-          frag 0 from TextNode start: 1039, length: 83, rect: [8,252 731.484375x17.46875]
 
+        line 14 width: 731.484375, height: 17, bottom: 255, baseline: 13.296875
 
+          frag 0 from TextNode start: 1039, length: 83, rect: [8,246 731.484375x17]
 
             "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
 
-        line 15 width: 731.484375, height: 17.5, bottom: 279.53125, baseline: 13.53125
 
-          frag 0 from TextNode start: 1123, length: 83, rect: [8,270 731.484375x17.46875]
 
+        line 15 width: 731.484375, height: 17, bottom: 272, baseline: 13.296875
 
+          frag 0 from TextNode start: 1123, length: 83, rect: [8,263 731.484375x17]
 
             "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
 
-        line 16 width: 731.484375, height: 17.96875, bottom: 297.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 1207, length: 83, rect: [8,287 731.484375x17.46875]
 
+        line 16 width: 731.484375, height: 17, bottom: 289, baseline: 13.296875
 
+          frag 0 from TextNode start: 1207, length: 83, rect: [8,280 731.484375x17]
 
             "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
 
-        line 17 width: 731.484375, height: 18.4375, bottom: 315.40625, baseline: 13.53125
 
-          frag 0 from TextNode start: 1291, length: 83, rect: [8,304 731.484375x17.46875]
 
+        line 17 width: 731.484375, height: 17, bottom: 306, baseline: 13.296875
 
+          frag 0 from TextNode start: 1291, length: 83, rect: [8,297 731.484375x17]
 
             "ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
 
-        line 18 width: 45.296875, height: 17.90625, bottom: 332.34375, baseline: 13.53125
 
-          frag 0 from TextNode start: 1375, length: 5, rect: [8,322 45.296875x17.46875]
 
+        line 18 width: 45.296875, height: 17, bottom: 323, baseline: 13.296875
 
+          frag 0 from TextNode start: 1375, length: 5, rect: [8,314 45.296875x17]
 
             "ipsum"
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,340.34375) content-size 784x0 children: inline
 
+      BlockContainer <(anonymous)> at (8,331) content-size 784x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x332.34375]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x323]
 
       PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
 
       PaintableWithLines (BlockContainer<DIV>) [8,8 784x0]
 
         PaintableWithLines (BlockContainer<DIV>#lefty) [8,8 100x100]
 
@@ -135,6 +135,6 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
         PaintableWithLines (BlockContainer<DIV>#righty3) [692,8 20x20] overflow: [692,8 22.78125x20]
 
           TextPaintable (TextNode<#text>)
 
       PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
 
-      PaintableWithLines (BlockContainer<DIV>) [8,8 784x332.34375]
 
+      PaintableWithLines (BlockContainer<DIV>) [8,8 784x323]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,340.34375 784x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,331 784x0]

+ 8 - 8
Tests/LibWeb/Layout/expected/block-and-inline/float-2.txt
مشاهده فایل 

@@ -2,25 +2,25 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (0,0) content-size 800x60 [BFC] children: not-inline
 
     BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
 
       TextNode <#text>
 
-    BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
 
       BlockContainer <div#b> at (9,9) content-size 50x50 floating [BFC] children: not-inline
 
       BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
 
         TextNode <#text>
 
         TextNode <#text>
 
-      BlockContainer <div#a> at (8,8) content-size 784x17.46875 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: [60,8 37.578125x17.46875]
 
+      BlockContainer <div#a> at (8,8) content-size 784x17 children: inline
 
+        line 0 width: 37.578125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 4, rect: [60,8 37.578125x17]
 
             "Text"
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,25.46875) content-size 784x0 children: inline
 
+      BlockContainer <(anonymous)> at (8,25) content-size 784x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x60]
 
     PaintableWithLines (BlockContainer(anonymous)) [0,0 800x0]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875] overflow: [8,8 784x52]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17] overflow: [8,8 784x52]
 
       PaintableWithLines (BlockContainer<DIV>#b) [8,8 52x52]
 
       PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
 
-      PaintableWithLines (BlockContainer<DIV>#a) [8,8 784x17.46875]
 
+      PaintableWithLines (BlockContainer<DIV>#a) [8,8 784x17]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,25 784x0]

+ 12 - 12
Tests/LibWeb/Layout/expected/block-and-inline/float-3.txt
مشاهده فایل 

@@ -1,6 +1,6 @@
 
 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 780x119.46875 children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 780x119 children: not-inline
 
       BlockContainer <(anonymous)> at (8,8) content-size 780x0 children: inline
 
         TextNode <#text>
 
       BlockContainer <div#top> at (8,8) content-size 780x100 [BFC] children: inline
 
@@ -11,31 +11,31 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> at (8,108) content-size 780x0 children: inline
 
         TextNode <#text>
 
-      BlockContainer <div#bottom> at (9,109) content-size 778x17.46875 children: not-inline
 
+      BlockContainer <div#bottom> at (9,109) content-size 778x17 children: not-inline
 
         BlockContainer <(anonymous)> at (9,109) content-size 778x0 children: inline
 
           TextNode <#text>
 
           TextNode <#text>
 
-        BlockContainer <div#text> at (9,109) content-size 778x17.46875 children: inline
 
-          line 0 width: 54.796875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 6, rect: [371,109 54.796875x17.46875]
 
+        BlockContainer <div#text> at (9,109) content-size 778x17 children: inline
 
+          line 0 width: 54.796875, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 6, rect: [371,109 54.796875x17]
 
               "foobar"
 
           TextNode <#text>
 
-        BlockContainer <(anonymous)> at (9,126.46875) content-size 778x0 children: inline
 
+        BlockContainer <(anonymous)> at (9,126) content-size 778x0 children: inline
 
           TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,127.46875) content-size 780x0 children: inline
 
+      BlockContainer <(anonymous)> at (8,127) content-size 780x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 780x119.46875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 780x119]
 
       PaintableWithLines (BlockContainer(anonymous)) [8,8 780x0]
 
       PaintableWithLines (BlockContainer<DIV>#top) [8,8 780x100]
 
         PaintableWithLines (BlockContainer<DIV>#top-left.box) [8,8 300x100]
 
         PaintableWithLines (BlockContainer<DIV>#top-right.box) [488,8 300x100]
 
       PaintableWithLines (BlockContainer(anonymous)) [8,108 780x0]
 
-      PaintableWithLines (BlockContainer<DIV>#bottom) [8,108 780x19.46875]
 
+      PaintableWithLines (BlockContainer<DIV>#bottom) [8,108 780x19]
 
         PaintableWithLines (BlockContainer(anonymous)) [9,109 778x0]
 
-        PaintableWithLines (BlockContainer<DIV>#text) [9,109 778x17.46875]
 
+        PaintableWithLines (BlockContainer<DIV>#text) [9,109 778x17]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer(anonymous)) [9,126.46875 778x0]
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,127.46875 780x0]
 
+        PaintableWithLines (BlockContainer(anonymous)) [9,126 778x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,127 780x0]

+ 8 - 8
Tests/LibWeb/Layout/expected/block-and-inline/float-4.txt
مشاهده فایل 

@@ -5,26 +5,26 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
     BlockContainer <body> at (8,8) content-size 780x0 children: inline
 
       TextNode <#text>
 
       BlockContainer <div.left> at (9,9) content-size 50x50 floating [BFC] children: inline
 
-        line 0 width: 39.21875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 5, rect: [14,9 39.21875x17.46875]
 
+        line 0 width: 39.21875, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 5, rect: [14,9 39.21875x17]
 
             "Left1"
 
         TextNode <#text>
 
       TextNode <#text>
 
       BlockContainer <div.right> at (737,9) content-size 50x50 floating [BFC] children: inline
 
-        line 0 width: 48.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 6, rect: [738,9 48.3125x17.46875]
 
+        line 0 width: 48.3125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 6, rect: [738,9 48.3125x17]
 
             "Right1"
 
         TextNode <#text>
 
       TextNode <#text>
 
       BlockContainer <div.left> at (61,9) content-size 50x50 floating [BFC] children: inline
 
-        line 0 width: 41.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 5, rect: [65,9 41.6875x17.46875]
 
+        line 0 width: 41.6875, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 5, rect: [65,9 41.6875x17]
 
             "Left2"
 
         TextNode <#text>
 
       TextNode <#text>
 
       BlockContainer <div.right> at (685,9) content-size 50x50 floating [BFC] children: inline
 
-        line 0 width: 50.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 6, rect: [685,9 50.78125x17.46875]
 
+        line 0 width: 50.78125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 6, rect: [685,9 50.78125x17]
 
             "Right2"
 
         TextNode <#text>
 
       TextNode <#text>

+ 14 - 14
Tests/LibWeb/Layout/expected/block-and-inline/float-clear-by-line-break.txt
مشاهده فایل 

@@ -1,15 +1,15 @@
 
 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 784x35.40625 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: [108,8 6.34375x17.46875]
 
+    BlockContainer <body> at (8,8) content-size 784x34 children: inline
 
+      line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
 
+        frag 0 from TextNode start: 0, length: 1, rect: [108,8 6.34375x17]
 
           "1"
 
-      line 1 width: 8.8125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-        frag 0 from TextNode start: 0, length: 1, rect: [108,25 8.8125x17.46875]
 
+      line 1 width: 8.8125, height: 17, bottom: 34, baseline: 13.296875
 
+        frag 0 from TextNode start: 0, length: 1, rect: [108,25 8.8125x17]
 
           "2"
 
-      BlockContainer <span.a> at (8,8) content-size 100x17.46875 floating [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: [8,8 14.265625x17.46875]
 
+      BlockContainer <span.a> at (8,8) content-size 100x17 floating [BFC] children: inline
 
+        line 0 width: 14.265625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17]
 
             "A"
 
         TextNode <#text>
 
       InlineNode <span>
 
@@ -17,9 +17,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
       TextNode <#text>
 
       BreakNode <br>
 
       TextNode <#text>
 
-      BlockContainer <span.a> at (8,25.46875) content-size 100x17.46875 floating [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: [8,25.46875 9.34375x17.46875]
 
+      BlockContainer <span.a> at (8,25) content-size 100x17 floating [BFC] children: inline
 
+        line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 1, rect: [8,25 9.34375x17]
 
             "B"
 
         TextNode <#text>
 
       InlineNode <span>
 
@@ -27,12 +27,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x35.40625]
 
-      PaintableWithLines (BlockContainer<SPAN>.a) [8,8 100x17.46875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
 
+      PaintableWithLines (BlockContainer<SPAN>.a) [8,8 100x17]
 
         TextPaintable (TextNode<#text>)
 
       InlinePaintable (InlineNode<SPAN>)
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer<SPAN>.a) [8,25.46875 100x17.46875]
 
+      PaintableWithLines (BlockContainer<SPAN>.a) [8,25 100x17]
 
         TextPaintable (TextNode<#text>)
 
       InlinePaintable (InlineNode<SPAN>)
 
         TextPaintable (TextNode<#text>)

+ 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 538x399.53125 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]
 
+    BlockContainer <body> at (252,10) content-size 538x400 children: inline
 
+      line 0 width: 228.34375, height: 22, bottom: 22, baseline: 17
 
+        frag 0 from TextNode start: 1, length: 5, rect: [554,10 63.71875x22]
 
           "Lorem"
 
-        frag 1 from TextNode start: 6, length: 1, rect: [618,10 12.546875x21.84375]
 
+        frag 1 from TextNode start: 6, length: 1, rect: [618,10 12.546875x22]
 
           " "
 
-        frag 2 from TextNode start: 7, length: 5, rect: [630.546875,10 56.625x21.84375]
 
+        frag 2 from TextNode start: 7, length: 5, rect: [630.546875,10 56.625x22]
 
           "ipsum"
 
-        frag 3 from TextNode start: 12, length: 1, rect: [686.546875,10 12.546875x21.84375]
 
+        frag 3 from TextNode start: 12, length: 1, rect: [686.546875,10 12.546875x22]
 
           " "
 
-        frag 4 from TextNode start: 13, length: 5, rect: [699.09375,10 52.046875x21.84375]
 
+        frag 4 from TextNode start: 13, length: 5, rect: [699.09375,10 52.046875x22]
 
           "dolor"
 
-        frag 5 from TextNode start: 18, length: 1, rect: [751.09375,10 12.546875x21.84375]
 
+        frag 5 from TextNode start: 18, length: 1, rect: [751.09375,10 12.546875x22]
 
           " "
 
-        frag 6 from TextNode start: 19, length: 3, rect: [763.640625,10 25.953125x21.84375]
 
+        frag 6 from TextNode start: 19, length: 3, rect: [763.640625,10 25.953125x22]
 
           "sit"
 
-      line 1 width: 183.78125, height: 22.6875, bottom: 44.53125, baseline: 16.921875
 
-        frag 0 from TextNode start: 23, length: 5, rect: [554,31 52.71875x21.84375]
 
+      line 1 width: 183.78125, height: 22, bottom: 44, baseline: 17
 
+        frag 0 from TextNode start: 23, length: 5, rect: [554,32 52.71875x22]
 
           "amet,"
 
-        frag 1 from TextNode start: 28, length: 1, rect: [607,31 62.21875x21.84375]
 
+        frag 1 from TextNode start: 28, length: 1, rect: [607,32 62.21875x22]
 
           " "
 
-        frag 2 from TextNode start: 29, length: 11, rect: [669.21875,31 121.0625x21.84375]
 
+        frag 2 from TextNode start: 29, length: 11, rect: [669.21875,32 121.0625x22]
 
           "consectetur"
 
-      line 2 width: 140.5625, height: 22.53125, bottom: 66.21875, baseline: 16.921875
 
-        frag 0 from TextNode start: 41, length: 10, rect: [554,53 94.65625x21.84375]
 
+      line 2 width: 140.5625, height: 22, bottom: 66, baseline: 17
 
+        frag 0 from TextNode start: 41, length: 10, rect: [554,54 94.65625x22]
 
           "adipiscing"
 
-        frag 1 from TextNode start: 51, length: 1, rect: [649,53 105.4375x21.84375]
 
+        frag 1 from TextNode start: 51, length: 1, rect: [649,54 105.4375x22]
 
           " "
 
-        frag 2 from TextNode start: 52, length: 5, rect: [754.4375,53 35.90625x21.84375]
 
+        frag 2 from TextNode start: 52, length: 5, rect: [754.4375,54 35.90625x22]
 
           "elit."
 
-      line 3 width: 145, height: 22.375, bottom: 87.90625, baseline: 16.921875
 
-        frag 0 from TextNode start: 58, length: 11, rect: [554,75 123.3125x21.84375]
 
+      line 3 width: 145, height: 22, bottom: 88, baseline: 17
 
+        frag 0 from TextNode start: 58, length: 11, rect: [554,76 123.3125x22]
 
           "Suspendisse"
 
-        frag 1 from TextNode start: 69, length: 1, rect: [677,75 101x21.84375]
 
+        frag 1 from TextNode start: 69, length: 1, rect: [677,76 101x22]
 
           " "
 
-        frag 2 from TextNode start: 70, length: 1, rect: [778,75 11.6875x21.84375]
 
+        frag 2 from TextNode start: 70, length: 1, rect: [778,76 11.6875x22]
 
           "a"
 
-      line 4 width: 196.703125, height: 22.21875, bottom: 109.59375, baseline: 16.921875
 
-        frag 0 from TextNode start: 72, length: 8, rect: [554,97 82.046875x21.84375]
 
+      line 4 width: 196.703125, height: 22, bottom: 110, baseline: 17
 
+        frag 0 from TextNode start: 72, length: 8, rect: [554,98 82.046875x22]
 
           "placerat"
 
-        frag 1 from TextNode start: 80, length: 1, rect: [636,97 29.640625x21.84375]
 
+        frag 1 from TextNode start: 80, length: 1, rect: [636,98 29.640625x22]
 
           " "
 
-        frag 2 from TextNode start: 81, length: 7, rect: [665.640625,97 73.875x21.84375]
 
+        frag 2 from TextNode start: 81, length: 7, rect: [665.640625,98 73.875x22]
 
           "mauris,"
 
-        frag 3 from TextNode start: 88, length: 1, rect: [739.640625,97 29.640625x21.84375]
 
+        frag 3 from TextNode start: 88, length: 1, rect: [739.640625,98 29.640625x22]
 
           " "
 
-        frag 4 from TextNode start: 89, length: 2, rect: [769.28125,97 20.78125x21.84375]
 
+        frag 4 from TextNode start: 89, length: 2, rect: [769.28125,98 20.78125x22]
 
           "ut"
 
-      line 5 width: 234.6875, height: 22.0625, bottom: 131.28125, baseline: 16.921875
 
-        frag 0 from TextNode start: 92, length: 9, rect: [554,119 101.28125x21.84375]
 
+      line 5 width: 234.6875, height: 22, bottom: 132, baseline: 17
 
+        frag 0 from TextNode start: 92, length: 9, rect: [554,120 101.28125x22]
 
           "elementum"
 
-        frag 1 from TextNode start: 101, length: 1, rect: [655,119 10.4375x21.84375]
 
+        frag 1 from TextNode start: 101, length: 1, rect: [655,120 10.4375x22]
 
           " "
 
-        frag 2 from TextNode start: 102, length: 3, rect: [665.4375,119 26.390625x21.84375]
 
+        frag 2 from TextNode start: 102, length: 3, rect: [665.4375,120 26.390625x22]
 
           "mi."
 
-        frag 3 from TextNode start: 105, length: 1, rect: [692.4375,119 10.4375x21.84375]
 
+        frag 3 from TextNode start: 105, length: 1, rect: [692.4375,120 10.4375x22]
 
           " "
 
-        frag 4 from TextNode start: 106, length: 5, rect: [702.875,119 56.234375x21.84375]
 
+        frag 4 from TextNode start: 106, length: 5, rect: [702.875,120 56.234375x22]
 
           "Morbi"
 
-        frag 5 from TextNode start: 111, length: 1, rect: [758.875,119 10.4375x21.84375]
 
+        frag 5 from TextNode start: 111, length: 1, rect: [758.875,120 10.4375x22]
 
           " "
 
-        frag 6 from TextNode start: 112, length: 2, rect: [769.3125,119 20.78125x21.84375]
 
+        frag 6 from TextNode start: 112, length: 2, rect: [769.3125,120 20.78125x22]
 
           "ut"
 
-      line 6 width: 201.53125, height: 21.90625, bottom: 152.96875, baseline: 16.921875
 
-        frag 0 from TextNode start: 115, length: 8, rect: [554,141 78.765625x21.84375]
 
+      line 6 width: 201.53125, height: 22, bottom: 154, baseline: 17
 
+        frag 0 from TextNode start: 115, length: 8, rect: [554,142 78.765625x22]
 
           "vehicula"
 
-        frag 1 from TextNode start: 123, length: 1, rect: [633,141 27.234375x21.84375]
 
+        frag 1 from TextNode start: 123, length: 1, rect: [633,142 27.234375x22]
 
           " "
 
-        frag 2 from TextNode start: 124, length: 6, rect: [660.234375,141 62.9375x21.84375]
 
+        frag 2 from TextNode start: 124, length: 6, rect: [660.234375,142 62.9375x22]
 
           "ipsum,"
 
-        frag 3 from TextNode start: 130, length: 1, rect: [723.234375,141 27.234375x21.84375]
 
+        frag 3 from TextNode start: 130, length: 1, rect: [723.234375,142 27.234375x22]
 
           " "
 
-        frag 4 from TextNode start: 131, length: 4, rect: [750.46875,141 39.828125x21.84375]
 
+        frag 4 from TextNode start: 131, length: 4, rect: [750.46875,142 39.828125x22]
 
           "eget"
 
-      line 7 width: 232.53125, height: 22.75, bottom: 175.65625, baseline: 16.921875
 
-        frag 0 from TextNode start: 136, length: 8, rect: [554,162 82.046875x21.84375]
 
+      line 7 width: 232.53125, height: 22, bottom: 176, baseline: 17
 
+        frag 0 from TextNode start: 136, length: 8, rect: [554,164 82.046875x22]
 
           "placerat"
 
-        frag 1 from TextNode start: 144, length: 1, rect: [636,162 11.734375x21.84375]
 
+        frag 1 from TextNode start: 144, length: 1, rect: [636,164 11.734375x22]
 
           " "
 
-        frag 2 from TextNode start: 145, length: 6, rect: [647.734375,162 61.875x21.84375]
 
+        frag 2 from TextNode start: 145, length: 6, rect: [647.734375,164 61.875x22]
 
           "augue."
 
-        frag 3 from TextNode start: 151, length: 1, rect: [709.734375,162 11.734375x21.84375]
 
+        frag 3 from TextNode start: 151, length: 1, rect: [709.734375,164 11.734375x22]
 
           " "
 
-        frag 4 from TextNode start: 152, length: 7, rect: [721.46875,162 68.609375x21.84375]
 
+        frag 4 from TextNode start: 152, length: 7, rect: [721.46875,164 68.609375x22]
 
           "Integer"
 
-      line 8 width: 202.96875, height: 22.59375, bottom: 197.34375, baseline: 16.921875
 
-        frag 0 from TextNode start: 160, length: 6, rect: [554,184 70.3125x21.84375]
 
+      line 8 width: 202.96875, height: 22, bottom: 198, baseline: 17
 
+        frag 0 from TextNode start: 160, length: 6, rect: [554,186 70.3125x22]
 
           "rutrum"
 
-        frag 1 from TextNode start: 166, length: 1, rect: [624,184 21x21.84375]
 
+        frag 1 from TextNode start: 166, length: 1, rect: [624,186 21x22]
 
           " "
 
-        frag 2 from TextNode start: 167, length: 4, rect: [645,184 35.09375x21.84375]
 
+        frag 2 from TextNode start: 167, length: 4, rect: [645,186 35.09375x22]
 
           "nisi"
 
-        frag 3 from TextNode start: 171, length: 1, rect: [680,184 21x21.84375]
 
+        frag 3 from TextNode start: 171, length: 1, rect: [680,186 21x22]
 
           " "
 
-        frag 4 from TextNode start: 172, length: 4, rect: [701,184 39.828125x21.84375]
 
+        frag 4 from TextNode start: 172, length: 4, rect: [701,186 39.828125x22]
 
           "eget"
 
-        frag 5 from TextNode start: 176, length: 1, rect: [741,184 21x21.84375]
 
+        frag 5 from TextNode start: 176, length: 1, rect: [741,186 21x22]
 
           " "
 
-        frag 6 from TextNode start: 177, length: 3, rect: [762,184 27.734375x21.84375]
 
+        frag 6 from TextNode start: 177, length: 3, rect: [762,186 27.734375x22]
 
           "dui"
 
       line 9 width: 0, height: 0, bottom: 0, baseline: 0
 
-      line 10 width: 208.828125, height: 22.4375, bottom: 225.03125, baseline: 16.921875
 
-        frag 0 from TextNode start: 181, length: 7, rect: [252,212 68.984375x21.84375]
 
+      line 10 width: 208.828125, height: 22, bottom: 224, baseline: 17
 
+        frag 0 from TextNode start: 181, length: 7, rect: [252,212 68.984375x22]
 
           "dictum,"
 
-        frag 1 from TextNode start: 188, length: 1, rect: [321,212 23.578125x21.84375]
 
+        frag 1 from TextNode start: 188, length: 1, rect: [321,212 23.578125x22]
 
           " "
 
-        frag 2 from TextNode start: 189, length: 2, rect: [344.578125,212 23.109375x21.84375]
 
+        frag 2 from TextNode start: 189, length: 2, rect: [344.578125,212 23.109375x22]
 
           "eu"
 
-        frag 3 from TextNode start: 191, length: 1, rect: [367.578125,212 23.578125x21.84375]
 
+        frag 3 from TextNode start: 191, length: 1, rect: [367.578125,212 23.578125x22]
 
           " "
 
-        frag 4 from TextNode start: 192, length: 8, rect: [391.15625,212 96.734375x21.84375]
 
+        frag 4 from TextNode start: 192, length: 8, rect: [391.15625,212 96.734375x22]
 
           "accumsan"
 
-      line 11 width: 180.1875, height: 22.28125, bottom: 246.71875, baseline: 16.921875
 
-        frag 0 from TextNode start: 201, length: 4, rect: [252,234 43.875x21.84375]
 
+      line 11 width: 180.1875, height: 22, bottom: 246, baseline: 17
 
+        frag 0 from TextNode start: 201, length: 4, rect: [252,234 43.875x22]
 
           "enim"
 
-        frag 1 from TextNode start: 205, length: 1, rect: [296,234 37.90625x21.84375]
 
+        frag 1 from TextNode start: 205, length: 1, rect: [296,234 37.90625x22]
 
           " "
 
-        frag 2 from TextNode start: 206, length: 10, rect: [333.90625,234 93.625x21.84375]
 
+        frag 2 from TextNode start: 206, length: 10, rect: [333.90625,234 93.625x22]
 
           "tristique."
 
-        frag 3 from TextNode start: 216, length: 1, rect: [427.90625,234 37.90625x21.84375]
 
+        frag 3 from TextNode start: 216, length: 1, rect: [427.90625,234 37.90625x22]
 
           " "
 
-        frag 4 from TextNode start: 217, length: 2, rect: [465.8125,234 22.6875x21.84375]
 
+        frag 4 from TextNode start: 217, length: 2, rect: [465.8125,234 22.6875x22]
 
           "Ut"
 
-      line 12 width: 195.28125, height: 22.125, bottom: 268.40625, baseline: 16.921875
 
-        frag 0 from TextNode start: 220, length: 8, rect: [252,256 80.015625x21.84375]
 
+      line 12 width: 195.28125, height: 22, bottom: 268, baseline: 17
 
+        frag 0 from TextNode start: 220, length: 8, rect: [252,256 80.015625x22]
 
           "lobortis"
 
-        frag 1 from TextNode start: 228, length: 1, rect: [332,256 30.359375x21.84375]
 
+        frag 1 from TextNode start: 228, length: 1, rect: [332,256 30.359375x22]
 
           " "
 
-        frag 2 from TextNode start: 229, length: 5, rect: [362.359375,256 55.4375x21.84375]
 
+        frag 2 from TextNode start: 229, length: 5, rect: [362.359375,256 55.4375x22]
 
           "lorem"
 
-        frag 3 from TextNode start: 234, length: 1, rect: [417.359375,256 30.359375x21.84375]
 
+        frag 3 from TextNode start: 234, length: 1, rect: [417.359375,256 30.359375x22]
 
           " "
 
-        frag 4 from TextNode start: 235, length: 4, rect: [447.71875,256 39.828125x21.84375]
 
+        frag 4 from TextNode start: 235, length: 4, rect: [447.71875,256 39.828125x22]
 
           "eget"
 
-      line 13 width: 222.921875, height: 21.96875, bottom: 290.09375, baseline: 16.921875
 
-        frag 0 from TextNode start: 240, length: 3, rect: [252,278 31.15625x21.84375]
 
+      line 13 width: 222.921875, height: 22, bottom: 290, baseline: 17
 
+        frag 0 from TextNode start: 240, length: 3, rect: [252,278 31.15625x22]
 
           "est"
 
-        frag 1 from TextNode start: 243, length: 1, rect: [283,278 16.53125x21.84375]
 
+        frag 1 from TextNode start: 243, length: 1, rect: [283,278 16.53125x22]
 
           " "
 
-        frag 2 from TextNode start: 244, length: 9, rect: [299.53125,278 91.46875x21.84375]
 
+        frag 2 from TextNode start: 244, length: 9, rect: [299.53125,278 91.46875x22]
 
           "vulputate"
 
-        frag 3 from TextNode start: 253, length: 1, rect: [391.53125,278 16.53125x21.84375]
 
+        frag 3 from TextNode start: 253, length: 1, rect: [391.53125,278 16.53125x22]
 
           " "
 
-        frag 4 from TextNode start: 254, length: 8, rect: [408.0625,278 80.296875x21.84375]
 
+        frag 4 from TextNode start: 254, length: 8, rect: [408.0625,278 80.296875x22]
 
           "egestas."
 
-      line 14 width: 223.125, height: 22.8125, bottom: 312.78125, baseline: 16.921875
 
-        frag 0 from TextNode start: 263, length: 7, rect: [252,299 68.609375x21.84375]
 
+      line 14 width: 223.125, height: 22, bottom: 312, baseline: 17
 
+        frag 0 from TextNode start: 263, length: 7, rect: [252,300 68.609375x22]
 
           "Integer"
 
-        frag 1 from TextNode start: 270, length: 1, rect: [321,299 16.4375x21.84375]
 
+        frag 1 from TextNode start: 270, length: 1, rect: [321,300 16.4375x22]
 
           " "
 
-        frag 2 from TextNode start: 271, length: 7, rect: [337.4375,299 71.328125x21.84375]
 
+        frag 2 from TextNode start: 271, length: 7, rect: [337.4375,300 71.328125x22]
 
           "laoreet"
 
-        frag 3 from TextNode start: 278, length: 1, rect: [408.4375,299 16.4375x21.84375]
 
+        frag 3 from TextNode start: 278, length: 1, rect: [408.4375,300 16.4375x22]
 
           " "
 
-        frag 4 from TextNode start: 279, length: 7, rect: [424.875,299 63.1875x21.84375]
 
+        frag 4 from TextNode start: 279, length: 7, rect: [424.875,300 63.1875x22]
 
           "lacinia"
 
-      line 15 width: 222.609375, height: 22.65625, bottom: 334.46875, baseline: 16.921875
 
-        frag 0 from TextNode start: 287, length: 4, rect: [252,321 43.15625x21.84375]
 
+      line 15 width: 222.609375, height: 22, bottom: 334, baseline: 17
 
+        frag 0 from TextNode start: 287, length: 4, rect: [252,322 43.15625x22]
 
           "ante"
 
-        frag 1 from TextNode start: 291, length: 1, rect: [295,321 16.6875x21.84375]
 
+        frag 1 from TextNode start: 291, length: 1, rect: [295,322 16.6875x22]
 
           " "
 
-        frag 2 from TextNode start: 292, length: 7, rect: [311.6875,321 74x21.84375]
 
+        frag 2 from TextNode start: 292, length: 7, rect: [311.6875,322 74x22]
 
           "sodales"
 
-        frag 3 from TextNode start: 299, length: 1, rect: [385.6875,321 16.6875x21.84375]
 
+        frag 3 from TextNode start: 299, length: 1, rect: [385.6875,322 16.6875x22]
 
           " "
 
-        frag 4 from TextNode start: 300, length: 9, rect: [402.375,321 85.453125x21.84375]
 
+        frag 4 from TextNode start: 300, length: 9, rect: [402.375,322 85.453125x22]
 
           "lobortis."
 
-      line 16 width: 178.3125, height: 22.5, bottom: 356.15625, baseline: 16.921875
 
-        frag 0 from TextNode start: 310, length: 5, rect: [252,343 60.90625x21.84375]
 
+      line 16 width: 178.3125, height: 22, bottom: 356, baseline: 17
 
+        frag 0 from TextNode start: 310, length: 5, rect: [252,344 60.90625x22]
 
           "Donec"
 
-        frag 1 from TextNode start: 315, length: 1, rect: [313,343 38.84375x21.84375]
 
+        frag 1 from TextNode start: 315, length: 1, rect: [313,344 38.84375x22]
 
           " "
 
-        frag 2 from TextNode start: 316, length: 1, rect: [351.84375,343 11.6875x21.84375]
 
+        frag 2 from TextNode start: 316, length: 1, rect: [351.84375,344 11.6875x22]
 
           "a"
 
-        frag 3 from TextNode start: 317, length: 1, rect: [363.84375,343 38.84375x21.84375]
 
+        frag 3 from TextNode start: 317, length: 1, rect: [363.84375,344 38.84375x22]
 
           " "
 
-        frag 4 from TextNode start: 318, length: 9, rect: [402.6875,343 85.71875x21.84375]
 
+        frag 4 from TextNode start: 318, length: 9, rect: [402.6875,344 85.71875x22]
 
           "tincidunt"
 
-      line 17 width: 231.078125, height: 22.34375, bottom: 377.84375, baseline: 16.921875
 
-        frag 0 from TextNode start: 328, length: 5, rect: [252,365 48.59375x21.84375]
 
+      line 17 width: 231.078125, height: 22, bottom: 378, baseline: 17
 
+        frag 0 from TextNode start: 328, length: 5, rect: [252,366 48.59375x22]
 
           "ante."
 
-        frag 1 from TextNode start: 333, length: 1, rect: [301,365 11.640625x21.84375]
 
+        frag 1 from TextNode start: 333, length: 1, rect: [301,366 11.640625x22]
 
           " "
 
-        frag 2 from TextNode start: 334, length: 9, rect: [312.640625,365 94.765625x21.84375]
 
+        frag 2 from TextNode start: 334, length: 9, rect: [312.640625,366 94.765625x22]
 
           "Phasellus"
 
-        frag 3 from TextNode start: 343, length: 1, rect: [406.640625,365 11.640625x21.84375]
 
+        frag 3 from TextNode start: 343, length: 1, rect: [406.640625,366 11.640625x22]
 
           " "
 
-        frag 4 from TextNode start: 344, length: 1, rect: [418.28125,365 11.6875x21.84375]
 
+        frag 4 from TextNode start: 344, length: 1, rect: [418.28125,366 11.6875x22]
 
           "a"
 
-        frag 5 from TextNode start: 345, length: 1, rect: [430.28125,365 11.640625x21.84375]
 
+        frag 5 from TextNode start: 345, length: 1, rect: [430.28125,366 11.640625x22]
 
           " "
 
-        frag 6 from TextNode start: 346, length: 4, rect: [441.921875,365 46.03125x21.84375]
 
+        frag 6 from TextNode start: 346, length: 4, rect: [441.921875,366 46.03125x22]
 
           "arcu"
 
-      line 18 width: 70.546875, height: 22.1875, bottom: 399.53125, baseline: 16.921875
 
-        frag 0 from TextNode start: 351, length: 7, rect: [252,387 70.546875x21.84375]
 
+      line 18 width: 70.546875, height: 22, bottom: 400, baseline: 17
 
+        frag 0 from TextNode start: 351, length: 7, rect: [252,388 70.546875x22]
 
           "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
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
 
-    PaintableWithLines (BlockContainer<BODY>) [251,9 540x401.53125] overflow: [252,10 538.34375x399.53125]
 
+    PaintableWithLines (BlockContainer<BODY>) [251,9 540x402] overflow: [252,10 538.34375x400]
 
       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 538x399.53125 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]
 
+    BlockContainer <body> at (252,10) content-size 538x400 children: inline
 
+      line 0 width: 228.34375, height: 22, bottom: 22, baseline: 17
 
+        frag 0 from TextNode start: 1, length: 21, rect: [554,10 228.34375x22]
 
           "Lorem ipsum dolor sit"
 
-      line 1 width: 183.78125, height: 22.6875, bottom: 44.53125, baseline: 16.921875
 
-        frag 0 from TextNode start: 23, length: 17, rect: [554,31 183.78125x21.84375]
 
+      line 1 width: 183.78125, height: 22, bottom: 44, baseline: 17
 
+        frag 0 from TextNode start: 23, length: 17, rect: [554,32 183.78125x22]
 
           "amet, consectetur"
 
-      line 2 width: 140.5625, height: 22.53125, bottom: 66.21875, baseline: 16.921875
 
-        frag 0 from TextNode start: 41, length: 16, rect: [554,53 140.5625x21.84375]
 
+      line 2 width: 140.5625, height: 22, bottom: 66, baseline: 17
 
+        frag 0 from TextNode start: 41, length: 16, rect: [554,54 140.5625x22]
 
           "adipiscing elit."
 
-      line 3 width: 145, height: 22.375, bottom: 87.90625, baseline: 16.921875
 
-        frag 0 from TextNode start: 58, length: 13, rect: [554,75 145x21.84375]
 
+      line 3 width: 145, height: 22, bottom: 88, baseline: 17
 
+        frag 0 from TextNode start: 58, length: 13, rect: [554,76 145x22]
 
           "Suspendisse a"
 
-      line 4 width: 196.703125, height: 22.21875, bottom: 109.59375, baseline: 16.921875
 
-        frag 0 from TextNode start: 72, length: 19, rect: [554,97 196.703125x21.84375]
 
+      line 4 width: 196.703125, height: 22, bottom: 110, baseline: 17
 
+        frag 0 from TextNode start: 72, length: 19, rect: [554,98 196.703125x22]
 
           "placerat mauris, ut"
 
-      line 5 width: 234.6875, height: 22.0625, bottom: 131.28125, baseline: 16.921875
 
-        frag 0 from TextNode start: 92, length: 22, rect: [554,119 234.6875x21.84375]
 
+      line 5 width: 234.6875, height: 22, bottom: 132, baseline: 17
 
+        frag 0 from TextNode start: 92, length: 22, rect: [554,120 234.6875x22]
 
           "elementum mi. Morbi ut"
 
-      line 6 width: 201.53125, height: 21.90625, bottom: 152.96875, baseline: 16.921875
 
-        frag 0 from TextNode start: 115, length: 20, rect: [554,141 201.53125x21.84375]
 
+      line 6 width: 201.53125, height: 22, bottom: 154, baseline: 17
 
+        frag 0 from TextNode start: 115, length: 20, rect: [554,142 201.53125x22]
 
           "vehicula ipsum, eget"
 
-      line 7 width: 232.53125, height: 22.75, bottom: 175.65625, baseline: 16.921875
 
-        frag 0 from TextNode start: 136, length: 23, rect: [554,162 232.53125x21.84375]
 
+      line 7 width: 232.53125, height: 22, bottom: 176, baseline: 17
 
+        frag 0 from TextNode start: 136, length: 23, rect: [554,164 232.53125x22]
 
           "placerat augue. Integer"
 
-      line 8 width: 202.96875, height: 22.59375, bottom: 197.34375, baseline: 16.921875
 
-        frag 0 from TextNode start: 160, length: 20, rect: [554,184 202.96875x21.84375]
 
+      line 8 width: 202.96875, height: 22, bottom: 198, baseline: 17
 
+        frag 0 from TextNode start: 160, length: 20, rect: [554,186 202.96875x22]
 
           "rutrum nisi eget dui"
 
       line 9 width: 0, height: 0, bottom: 0, baseline: 0
 
-      line 10 width: 208.828125, height: 22.4375, bottom: 225.03125, baseline: 16.921875
 
-        frag 0 from TextNode start: 181, length: 19, rect: [252,212 208.828125x21.84375]
 
+      line 10 width: 208.828125, height: 22, bottom: 224, baseline: 17
 
+        frag 0 from TextNode start: 181, length: 19, rect: [252,212 208.828125x22]
 
           "dictum, eu accumsan"
 
-      line 11 width: 180.1875, height: 22.28125, bottom: 246.71875, baseline: 16.921875
 
-        frag 0 from TextNode start: 201, length: 18, rect: [252,234 180.1875x21.84375]
 
+      line 11 width: 180.1875, height: 22, bottom: 246, baseline: 17
 
+        frag 0 from TextNode start: 201, length: 18, rect: [252,234 180.1875x22]
 
           "enim tristique. Ut"
 
-      line 12 width: 195.28125, height: 22.125, bottom: 268.40625, baseline: 16.921875
 
-        frag 0 from TextNode start: 220, length: 19, rect: [252,256 195.28125x21.84375]
 
+      line 12 width: 195.28125, height: 22, bottom: 268, baseline: 17
 
+        frag 0 from TextNode start: 220, length: 19, rect: [252,256 195.28125x22]
 
           "lobortis lorem eget"
 
-      line 13 width: 222.921875, height: 21.96875, bottom: 290.09375, baseline: 16.921875
 
-        frag 0 from TextNode start: 240, length: 22, rect: [252,278 222.921875x21.84375]
 
+      line 13 width: 222.921875, height: 22, bottom: 290, baseline: 17
 
+        frag 0 from TextNode start: 240, length: 22, rect: [252,278 222.921875x22]
 
           "est vulputate egestas."
 
-      line 14 width: 223.125, height: 22.8125, bottom: 312.78125, baseline: 16.921875
 
-        frag 0 from TextNode start: 263, length: 23, rect: [252,299 223.125x21.84375]
 
+      line 14 width: 223.125, height: 22, bottom: 312, baseline: 17
 
+        frag 0 from TextNode start: 263, length: 23, rect: [252,300 223.125x22]
 
           "Integer laoreet lacinia"
 
-      line 15 width: 222.609375, height: 22.65625, bottom: 334.46875, baseline: 16.921875
 
-        frag 0 from TextNode start: 287, length: 22, rect: [252,321 222.609375x21.84375]
 
+      line 15 width: 222.609375, height: 22, bottom: 334, baseline: 17
 
+        frag 0 from TextNode start: 287, length: 22, rect: [252,322 222.609375x22]
 
           "ante sodales lobortis."
 
-      line 16 width: 178.3125, height: 22.5, bottom: 356.15625, baseline: 16.921875
 
-        frag 0 from TextNode start: 310, length: 17, rect: [252,343 178.3125x21.84375]
 
+      line 16 width: 178.3125, height: 22, bottom: 356, baseline: 17
 
+        frag 0 from TextNode start: 310, length: 17, rect: [252,344 178.3125x22]
 
           "Donec a tincidunt"
 
-      line 17 width: 231.078125, height: 22.34375, bottom: 377.84375, baseline: 16.921875
 
-        frag 0 from TextNode start: 328, length: 22, rect: [252,365 231.078125x21.84375]
 
+      line 17 width: 231.078125, height: 22, bottom: 378, baseline: 17
 
+        frag 0 from TextNode start: 328, length: 22, rect: [252,366 231.078125x22]
 
           "ante. Phasellus a arcu"
 
-      line 18 width: 70.546875, height: 22.1875, bottom: 399.53125, baseline: 16.921875
 
-        frag 0 from TextNode start: 351, length: 7, rect: [252,387 70.546875x21.84375]
 
+      line 18 width: 70.546875, height: 22, bottom: 400, baseline: 17
 
+        frag 0 from TextNode start: 351, length: 7, rect: [252,388 70.546875x22]
 
           "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
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
 
-    PaintableWithLines (BlockContainer<BODY>) [251,9 540x401.53125]
 
+    PaintableWithLines (BlockContainer<BODY>) [251,9 540x402]
 
       PaintableWithLines (BlockContainer<DIV>.left) [252,10 302x202]
 
       PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202]
 
       TextPaintable (TextNode<#text>)

+ 15 - 15
Tests/LibWeb/Layout/expected/block-and-inline/float-max-content-containing-block-flex-display.txt
مشاهده فایل 

@@ -1,27 +1,27 @@
 
 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 784x0 children: not-inline
 
-      Box <div.display_flex> at (8,8) content-size 23.609375x17.46875 floating flex-container(row) [FFC] children: not-inline
 
-        BlockContainer <div> at (8,8) content-size 23.609375x17.46875 flex-item [BFC] children: not-inline
 
-          BlockContainer <div> at (8,8) content-size 23.609375x17.46875 floating [BFC] children: not-inline
 
-            BlockContainer <span> at (8,8) content-size 14.265625x17.46875 floating [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: [8,8 14.265625x17.46875]
 
+      Box <div.display_flex> at (8,8) content-size 23.609375x17 floating flex-container(row) [FFC] children: not-inline
 
+        BlockContainer <div> at (8,8) content-size 23.609375x17 flex-item [BFC] children: not-inline
 
+          BlockContainer <div> at (8,8) content-size 23.609375x17 floating [BFC] children: not-inline
 
+            BlockContainer <span> at (8,8) content-size 14.265625x17 floating [BFC] children: inline
 
+              line 0 width: 14.265625, height: 17, bottom: 17, baseline: 13.296875
 
+                frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17]
 
                   "A"
 
               TextNode <#text>
 
-            BlockContainer <span> at (22.265625,8) content-size 9.34375x17.46875 floating [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: [22.265625,8 9.34375x17.46875]
 
+            BlockContainer <span> at (22.265625,8) content-size 9.34375x17 floating [BFC] children: inline
 
+              line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
 
+                frag 0 from TextNode start: 0, length: 1, rect: [22.265625,8 9.34375x17]
 
                   "B"
 
               TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x17.46875]
 
-      PaintableBox (Box<DIV>.display_flex) [8,8 23.609375x17.46875]
 
-        PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17.46875]
 
-          PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17.46875]
 
-            PaintableWithLines (BlockContainer<SPAN>) [8,8 14.265625x17.46875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x17]
 
+      PaintableBox (Box<DIV>.display_flex) [8,8 23.609375x17]
 
+        PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17]
 
+          PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17]
 
+            PaintableWithLines (BlockContainer<SPAN>) [8,8 14.265625x17]
 
               TextPaintable (TextNode<#text>)
 
-            PaintableWithLines (BlockContainer<SPAN>) [22.265625,8 9.34375x17.46875]
 
+            PaintableWithLines (BlockContainer<SPAN>) [22.265625,8 9.34375x17]
 
               TextPaintable (TextNode<#text>)

+ 11 - 11
Tests/LibWeb/Layout/expected/block-and-inline/float-max-content-containing-block.txt
مشاهده فایل 

@@ -1,23 +1,23 @@
 
 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 784x0 children: not-inline
 
-      BlockContainer <div> at (8,8) content-size 23.609375x17.46875 floating [BFC] children: not-inline
 
-        BlockContainer <span> at (8,8) content-size 14.265625x17.46875 floating [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: [8,8 14.265625x17.46875]
 
+      BlockContainer <div> at (8,8) content-size 23.609375x17 floating [BFC] children: not-inline
 
+        BlockContainer <span> at (8,8) content-size 14.265625x17 floating [BFC] children: inline
 
+          line 0 width: 14.265625, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 1, rect: [8,8 14.265625x17]
 
               "A"
 
           TextNode <#text>
 
-        BlockContainer <span> at (22.265625,8) content-size 9.34375x17.46875 floating [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: [22.265625,8 9.34375x17.46875]
 
+        BlockContainer <span> at (22.265625,8) content-size 9.34375x17 floating [BFC] children: inline
 
+          line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 1, rect: [22.265625,8 9.34375x17]
 
               "B"
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x17.46875]
 
-      PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17.46875]
 
-        PaintableWithLines (BlockContainer<SPAN>) [8,8 14.265625x17.46875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x0] overflow: [8,8 23.609375x17]
 
+      PaintableWithLines (BlockContainer<DIV>) [8,8 23.609375x17]
 
+        PaintableWithLines (BlockContainer<SPAN>) [8,8 14.265625x17]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<SPAN>) [22.265625,8 9.34375x17.46875]
 
+        PaintableWithLines (BlockContainer<SPAN>) [22.265625,8 9.34375x17]
 
           TextPaintable (TextNode<#text>)

+ 18 - 18
Tests/LibWeb/Layout/expected/block-and-inline/float-should-avoid-inline-block.txt
مشاهده فایل 

@@ -1,28 +1,28 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (1,1) content-size 798x250.03125 [BFC] children: not-inline
 
-    BlockContainer <body> at (10,10) content-size 780x21.46875 children: not-inline
 
-      BlockContainer <div.Layout-sidebar> at (11,11) content-size 220x19.46875 children: inline
 
-        line 0 width: 102, height: 19.46875, bottom: 19.46875, baseline: 14.53125
 
-          frag 0 from BlockContainer start: 0, length: 0, rect: [12,12 100x17.46875]
 
-        BlockContainer <div.d-inline-block> at (12,12) content-size 100x17.46875 inline-block [BFC] children: inline
 
-          line 0 width: 69.734375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 12, rect: [12,12 69.734375x17.46875]
 
+  BlockContainer <html> at (1,1) content-size 798x249 [BFC] children: not-inline
 
+    BlockContainer <body> at (10,10) content-size 780x21 children: not-inline
 
+      BlockContainer <div.Layout-sidebar> at (11,11) content-size 220x19 children: inline
 
+        line 0 width: 102, height: 19, bottom: 19, baseline: 14.296875
 
+          frag 0 from BlockContainer start: 0, length: 0, rect: [12,12 100x17]
 
+        BlockContainer <div.d-inline-block> at (12,12) content-size 100x17 inline-block [BFC] children: inline
 
+          line 0 width: 69.734375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 12, rect: [12,12 69.734375x17]
 
               "floats!!!!!!"
 
           TextNode <#text>
 
-        BlockContainer <div.float-left> at (12,31.46875) content-size 232.71875x218.5625 floating [BFC] children: inline
 
-          line 0 width: 232.71875, height: 109.1875, bottom: 109.1875, baseline: 84.578125
 
-            frag 0 from TextNode start: 0, length: 5, rect: [12,31.46875 232.71875x109.1875]
 
+        BlockContainer <div.float-left> at (12,31) content-size 232.71875x218 floating [BFC] children: inline
 
+          line 0 width: 232.71875, height: 109, bottom: 109, baseline: 84.484375
 
+            frag 0 from TextNode start: 0, length: 5, rect: [12,31 232.71875x109]
 
               "float"
 
-          line 1 width: 164.0625, height: 109.375, bottom: 218.5625, baseline: 84.578125
 
-            frag 0 from TextNode start: 6, length: 4, rect: [12,140.46875 164.0625x109.1875]
 
+          line 1 width: 164.0625, height: 109, bottom: 218, baseline: 84.484375
 
+            frag 0 from TextNode start: 6, length: 4, rect: [12,140 164.0625x109]
 
               "left"
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x252.03125]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 782x23.46875]
 
-      PaintableWithLines (BlockContainer<DIV>.Layout-sidebar) [10,10 222x21.46875]
 
-        PaintableWithLines (BlockContainer<DIV>.d-inline-block) [11,11 102x19.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x251]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x23]
 
+      PaintableWithLines (BlockContainer<DIV>.Layout-sidebar) [10,10 222x21]
 
+        PaintableWithLines (BlockContainer<DIV>.d-inline-block) [11,11 102x19]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<DIV>.float-left) [11,30.46875 234.71875x220.5625]
 
+        PaintableWithLines (BlockContainer<DIV>.float-left) [11,30 234.71875x220]
 
           TextPaintable (TextNode<#text>)

+ 4 - 4
Tests/LibWeb/Layout/expected/block-and-inline/float-stress-2.txt
مشاهده فایل 

@@ -4,13 +4,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
       BlockContainer <div#page> at (50,50) content-size 750x0 children: not-inline
 
         BlockContainer <div#content_box> at (50,50) content-size 400x150 floating [BFC] children: inline
 
           BlockContainer <article.first> at (50,50) content-size 300x100 floating [BFC] children: inline
 
-            line 0 width: 36.03125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-              frag 0 from TextNode start: 0, length: 5, rect: [50,50 36.03125x17.46875]
 
+            line 0 width: 36.03125, height: 17, bottom: 17, baseline: 13.296875
 
+              frag 0 from TextNode start: 0, length: 5, rect: [50,50 36.03125x17]
 
                 "first"
 
             TextNode <#text>
 
           BlockContainer <article.second> at (50,150) content-size 200x50 floating [BFC] children: inline
 
-            line 0 width: 54.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-              frag 0 from TextNode start: 0, length: 6, rect: [50,150 54.78125x17.46875]
 
+            line 0 width: 54.78125, height: 17, bottom: 17, baseline: 13.296875
 
+              frag 0 from TextNode start: 0, length: 6, rect: [50,150 54.78125x17]
 
                 "second"
 
             TextNode <#text>
 
           TextNode <#text>

+ 8 - 8
Tests/LibWeb/Layout/expected/block-and-inline/floats-and-negative-margins.txt
مشاهده فایل 

@@ -2,15 +2,15 @@ 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 (100,8) content-size 200x200 children: not-inline
 
       BlockContainer <div.row> at (50,8) content-size 250x200 children: inline
 
-        BlockContainer <div.item> at (50,8) content-size 125x17.46875 floating [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: [50,8 9.34375x17.46875]
 
+        BlockContainer <div.item> at (50,8) content-size 125x17 floating [BFC] children: inline
 
+          line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 1, length: 1, rect: [50,8 9.34375x17]
 
               "a"
 
           TextNode <#text>
 
         TextNode <#text>
 
-        BlockContainer <div.item> at (175,8) content-size 125x17.46875 floating [BFC] children: inline
 
-          line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 1, length: 1, rect: [175,8 9.46875x17.46875]
 
+        BlockContainer <div.item> at (175,8) content-size 125x17 floating [BFC] children: inline
 
+          line 0 width: 9.46875, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 1, length: 1, rect: [175,8 9.46875x17]
 
               "b"
 
           TextNode <#text>
 
         TextNode <#text>
 
@@ -19,7 +19,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
     PaintableWithLines (BlockContainer<BODY>) [100,8 200x200] overflow: [50,8 250x200]
 
       PaintableWithLines (BlockContainer<DIV>.row) [50,8 250x200]
 
-        PaintableWithLines (BlockContainer<DIV>.item) [50,8 125x17.46875]
 
+        PaintableWithLines (BlockContainer<DIV>.item) [50,8 125x17]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<DIV>.item) [175,8 125x17.46875]
 
+        PaintableWithLines (BlockContainer<DIV>.item) [175,8 125x17]
 
           TextPaintable (TextNode<#text>)

+ 6 - 6
Tests/LibWeb/Layout/expected/block-and-inline/floats-with-negative-percentage-margins.txt
مشاهده فایل 

@@ -2,18 +2,18 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (0,0) content-size 800x208 [BFC] children: not-inline
 
     BlockContainer <body> at (8,8) content-size 600x0 children: not-inline
 
       BlockContainer <div#top> at (8,8) content-size 100x100 floating [BFC] children: inline
 
-        line 0 width: 26.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [8,8 26.640625x17.46875]
 
+        line 0 width: 26.640625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [8,8 26.640625x17]
 
             "top"
 
         TextNode <#text>
 
       BlockContainer <div#left> at (8,108) content-size 100x100 floating [BFC] children: inline
 
-        line 0 width: 26.25, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 4, rect: [8,108 26.25x17.46875]
 
+        line 0 width: 26.25, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 4, rect: [8,108 26.25x17]
 
             "left"
 
         TextNode <#text>
 
       BlockContainer <div#right> at (208,108) content-size 100x100 floating [BFC] children: inline
 
-        line 0 width: 37.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 5, rect: [208,108 37.109375x17.46875]
 
+        line 0 width: 37.109375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 5, rect: [208,108 37.109375x17]
 
             "right"
 
         TextNode <#text>

+ 6 - 6
Tests/LibWeb/Layout/expected/block-and-inline/forced-break-stops-non-whitespace-sequence.txt
مشاهده فایل 

@@ -1,9 +1,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,16) content-size 784x19.46875 children: not-inline
 
-      BlockContainer <pre> at (9,17) content-size 782x17.46875 children: inline
 
-        line 0 width: 8, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 1, rect: [9,17 8x17.46875]
 
+    BlockContainer <body> at (8,16) content-size 784x19 children: not-inline
 
+      BlockContainer <pre> at (9,17) content-size 782x17 children: inline
 
+        line 0 width: 8, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 1, rect: [9,17 8x17]
 
             " "
 
         InlineNode <span>
 
           TextNode <#text>
 
@@ -11,7 +11,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,16 784x19.46875]
 
-      PaintableWithLines (BlockContainer<PRE>) [8,16 784x19.46875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,16 784x19]
 
+      PaintableWithLines (BlockContainer<PRE>) [8,16 784x19]
 
         InlinePaintable (InlineNode<SPAN>)
 
           TextPaintable (TextNode<#text>)

+ 4 - 4
Tests/LibWeb/Layout/expected/block-and-inline/grid-container-should-avoid-overlapping-floats.txt
مشاهده فایل 

@@ -1,9 +1,9 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (0,0) content-size 800x66 [BFC] children: not-inline
 
     BlockContainer <body> at (8,8) content-size 400x50 children: not-inline
 
-      BlockContainer <div.right> at (370.890625,8) content-size 37.109375x17.46875 floating [BFC] children: inline
 
-        line 0 width: 37.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 5, rect: [370.890625,8 37.109375x17.46875]
 
+      BlockContainer <div.right> at (370.890625,8) content-size 37.109375x17 floating [BFC] children: inline
 
+        line 0 width: 37.109375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 5, rect: [370.890625,8 37.109375x17]
 
             "right"
 
         TextNode <#text>
 
       Box <div.grid> at (8,8) content-size 362.890625x50 [GFC] children: not-inline
 
@@ -11,6 +11,6 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
 
     PaintableWithLines (BlockContainer<BODY>) [8,8 400x50]
 
-      PaintableWithLines (BlockContainer<DIV>.right) [370.890625,8 37.109375x17.46875]
 
+      PaintableWithLines (BlockContainer<DIV>.right) [370.890625,8 37.109375x17]
 
         TextPaintable (TextNode<#text>)
 
       PaintableBox (Box<DIV>.grid) [8,8 362.890625x50]

+ 6 - 6
Tests/LibWeb/Layout/expected/block-and-inline/ifc-float-left-and-sibling-with-margin-left.txt
مشاهده فایل 

@@ -1,16 +1,16 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (1,1) content-size 798x61 [BFC] children: not-inline
 
-    BlockContainer <body> at (10,10) content-size 780x19.46875 children: not-inline
 
+    BlockContainer <body> at (10,10) content-size 780x19 children: not-inline
 
       BlockContainer <div.thumbnail> at (11,11) content-size 50x50 floating [BFC] children: not-inline
 
-      BlockContainer <div.title> at (91,11) content-size 698x17.46875 children: inline
 
-        line 0 width: 125.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 14, rect: [91,11 125.125x17.46875]
 
+      BlockContainer <div.title> at (91,11) content-size 698x17 children: inline
 
+        line 0 width: 125.125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 14, rect: [91,11 125.125x17]
 
             "Chrono Trigger"
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x63]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 782x21.46875] overflow: [10,10 780x52]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x21] overflow: [10,10 780x52]
 
       PaintableWithLines (BlockContainer<DIV>.thumbnail) [10,10 52x52]
 
-      PaintableWithLines (BlockContainer<DIV>.title) [90,10 700x19.46875]
 
+      PaintableWithLines (BlockContainer<DIV>.title) [90,10 700x19]
 
         TextPaintable (TextNode<#text>)

+ 19 - 19
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-1.txt
مشاهده فایل 

@@ -1,34 +1,34 @@
 
 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 (10,10) content-size 780x92.9375 children: inline
 
-      line 0 width: 307.140625, height: 92.9375, bottom: 92.9375, baseline: 35
 
-        frag 0 from TextNode start: 0, length: 13, rect: [10,31 103.140625x17.46875]
 
+    BlockContainer <body> at (10,10) content-size 780x92 children: inline
 
+      line 0 width: 307.140625, height: 92, bottom: 92, baseline: 34.296875
 
+        frag 0 from TextNode start: 0, length: 13, rect: [10,31 103.140625x17]
 
           "Hello friends"
 
-        frag 1 from BlockContainer start: 0, length: 0, rect: [114,11 202x90.9375]
 
+        frag 1 from BlockContainer start: 0, length: 0, rect: [114,11 202x90]
 
       TextNode <#text>
 
-      BlockContainer <div.ib> at (114,11) content-size 202x90.9375 inline-block [BFC] children: not-inline
 
-        BlockContainer <div> at (115,12) content-size 200x17.46875 children: inline
 
-          line 0 width: 22.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 3, rect: [115,12 22.546875x17.46875]
 
+      BlockContainer <div.ib> at (114,11) content-size 202x90 inline-block [BFC] children: not-inline
 
+        BlockContainer <div> at (115,12) content-size 200x17 children: inline
 
+          line 0 width: 22.546875, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 3, rect: [115,12 22.546875x17]
 
               "1st"
 
           TextNode <#text>
 
-        BlockContainer <div> at (115,31.46875) content-size 200x17.46875 children: inline
 
-          line 0 width: 26.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 3, rect: [115,31.46875 26.28125x17.46875]
 
+        BlockContainer <div> at (115,31) content-size 200x17 children: inline
 
+          line 0 width: 26.28125, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 3, rect: [115,31 26.28125x17]
 
               "2nd"
 
           TextNode <#text>
 
-        BlockContainer <div.whee> at (115,50.9375) content-size 200x50 children: not-inline
 
-        BlockContainer <(anonymous)> at (114,101.9375) content-size 202x0 children: inline
 
+        BlockContainer <div.whee> at (115,50) content-size 200x50 children: not-inline
 
+        BlockContainer <(anonymous)> at (114,101) content-size 202x0 children: inline
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 782x94.9375]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x94]
 
       TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer<DIV>.ib) [113,10 204x92.9375]
 
-        PaintableWithLines (BlockContainer<DIV>) [114,11 202x19.46875]
 
+      PaintableWithLines (BlockContainer<DIV>.ib) [113,10 204x92]
 
+        PaintableWithLines (BlockContainer<DIV>) [114,11 202x19]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<DIV>) [114,30.46875 202x19.46875]
 
+        PaintableWithLines (BlockContainer<DIV>) [114,30 202x19]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<DIV>.whee) [114,49.9375 202x52]
 
-        PaintableWithLines (BlockContainer(anonymous)) [114,101.9375 202x0]
 
+        PaintableWithLines (BlockContainer<DIV>.whee) [114,49 202x52]
 
+        PaintableWithLines (BlockContainer(anonymous)) [114,101 202x0]

+ 21 - 21
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-2.txt
مشاهده فایل 

@@ -1,39 +1,39 @@
 
 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 (10,10) content-size 780x60.40625 children: inline
 
-      line 0 width: 144.375, height: 60.40625, bottom: 60.40625, baseline: 35
 
-        frag 0 from TextNode start: 0, length: 13, rect: [10,31 103.140625x17.46875]
 
+    BlockContainer <body> at (10,10) content-size 780x59 children: inline
 
+      line 0 width: 144.375, height: 59, bottom: 59, baseline: 34.296875
 
+        frag 0 from TextNode start: 0, length: 13, rect: [10,31 103.140625x17]
 
           "Hello friends"
 
-        frag 1 from BlockContainer start: 0, length: 0, rect: [114,11 39.234375x58.40625]
 
+        frag 1 from BlockContainer start: 0, length: 0, rect: [114,11 39.234375x57]
 
       TextNode <#text>
 
-      BlockContainer <div.ib> at (114,11) content-size 39.234375x58.40625 inline-block [BFC] children: not-inline
 
-        BlockContainer <div> at (115,12) content-size 37.234375x17.46875 children: inline
 
-          line 0 width: 22.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 3, rect: [115,12 22.546875x17.46875]
 
+      BlockContainer <div.ib> at (114,11) content-size 39.234375x57 inline-block [BFC] children: not-inline
 
+        BlockContainer <div> at (115,12) content-size 37.234375x17 children: inline
 
+          line 0 width: 22.546875, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 3, rect: [115,12 22.546875x17]
 
               "1st"
 
           TextNode <#text>
 
-        BlockContainer <div> at (115,31.46875) content-size 37.234375x17.46875 children: inline
 
-          line 0 width: 26.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 3, rect: [115,31.46875 26.28125x17.46875]
 
+        BlockContainer <div> at (115,31) content-size 37.234375x17 children: inline
 
+          line 0 width: 26.28125, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 3, rect: [115,31 26.28125x17]
 
               "2nd"
 
           TextNode <#text>
 
-        BlockContainer <div.float> at (115,50.9375) content-size 37.234375x17.46875 floating [BFC] children: inline
 
-          line 0 width: 37.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 5, rect: [115,50.9375 37.234375x17.46875]
 
+        BlockContainer <div.float> at (115,50) content-size 37.234375x17 floating [BFC] children: inline
 
+          line 0 width: 37.234375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 5, rect: [115,50 37.234375x17]
 
               "float"
 
           TextNode <#text>
 
-        BlockContainer <(anonymous)> at (114,49.9375) content-size 39.234375x0 children: inline
 
+        BlockContainer <(anonymous)> at (114,49) content-size 39.234375x0 children: inline
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 782x62.40625]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x61]
 
       TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer<DIV>.ib) [113,10 41.234375x60.40625]
 
-        PaintableWithLines (BlockContainer<DIV>) [114,11 39.234375x19.46875]
 
+      PaintableWithLines (BlockContainer<DIV>.ib) [113,10 41.234375x59]
 
+        PaintableWithLines (BlockContainer<DIV>) [114,11 39.234375x19]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<DIV>) [114,30.46875 39.234375x19.46875]
 
+        PaintableWithLines (BlockContainer<DIV>) [114,30 39.234375x19]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<DIV>.float) [114,49.9375 39.234375x19.46875]
 
+        PaintableWithLines (BlockContainer<DIV>.float) [114,49 39.234375x19]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer(anonymous)) [114,49.9375 39.234375x0]
 
+        PaintableWithLines (BlockContainer(anonymous)) [114,49 39.234375x0]

+ 21 - 21
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-contained-by-abspos-element.txt
مشاهده فایل 

@@ -2,34 +2,34 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (1,1) content-size 798x20 [BFC] children: not-inline
 
     BlockContainer <body> at (10,10) content-size 780x2 children: not-inline
 
       BlockContainer <div> at (11,11) content-size 500x0 positioned children: not-inline
 
-        BlockContainer <h1> at (12,45.5) content-size 498x330.53125 positioned [BFC] children: inline
 
-          line 0 width: 498, height: 330.53125, bottom: 330.53125, baseline: 43.28125
 
-            frag 0 from BlockContainer start: 0, length: 0, rect: [13,46.5 496x328.53125]
 
-          BlockContainer <span> at (13,46.5) content-size 496x328.53125 inline-block [BFC] children: inline
 
-            line 0 width: 246.484375, height: 54.59375, bottom: 54.59375, baseline: 42.28125
 
-              frag 0 from TextNode start: 0, length: 9, rect: [13,46.5 246.484375x54.59375]
 
+        BlockContainer <h1> at (12,45.5) content-size 498x332 positioned [BFC] children: inline
 
+          line 0 width: 498, height: 332, bottom: 332, baseline: 43.484375
 
+            frag 0 from BlockContainer start: 0, length: 0, rect: [13,46.5 496x330]
 
+          BlockContainer <span> at (13,46.5) content-size 496x330 inline-block [BFC] children: inline
 
+            line 0 width: 246.484375, height: 55, bottom: 55, baseline: 42.484375
 
+              frag 0 from TextNode start: 0, length: 9, rect: [13,46.5 246.484375x55]
 
                 "Skew is a"
 
-            line 1 width: 240.53125, height: 55.1875, bottom: 109.78125, baseline: 42.28125
 
-              frag 0 from TextNode start: 10, length: 10, rect: [13,100.5 240.53125x54.59375]
 
+            line 1 width: 240.53125, height: 55, bottom: 110, baseline: 42.484375
 
+              frag 0 from TextNode start: 10, length: 10, rect: [13,101.5 240.53125x55]
 
                 "web-first,"
 
-            line 2 width: 377.9375, height: 54.78125, bottom: 163.96875, baseline: 42.28125
 
-              frag 0 from TextNode start: 21, length: 14, rect: [13,155.5 377.9375x54.59375]
 
+            line 2 width: 377.9375, height: 55, bottom: 165, baseline: 42.484375
 
+              frag 0 from TextNode start: 21, length: 14, rect: [13,156.5 377.9375x55]
 
                 "cross-platform"
 
-            line 3 width: 314.015625, height: 55.375, bottom: 219.15625, baseline: 42.28125
 
-              frag 0 from TextNode start: 36, length: 11, rect: [13,209.5 314.015625x54.59375]
 
+            line 3 width: 314.015625, height: 55, bottom: 220, baseline: 42.484375
 
+              frag 0 from TextNode start: 36, length: 11, rect: [13,211.5 314.015625x55]
 
                 "programming"
 
-            line 4 width: 415.734375, height: 54.96875, bottom: 273.34375, baseline: 42.28125
 
-              frag 0 from TextNode start: 48, length: 16, rect: [13,264.5 415.734375x54.59375]
 
+            line 4 width: 415.734375, height: 55, bottom: 275, baseline: 42.484375
 
+              frag 0 from TextNode start: 48, length: 16, rect: [13,266.5 415.734375x55]
 
                 "language with an"
 
-            line 5 width: 492.671875, height: 55.5625, bottom: 328.53125, baseline: 42.28125
 
-              frag 0 from TextNode start: 65, length: 20, rect: [13,318.5 492.671875x54.59375]
 
+            line 5 width: 492.671875, height: 55, bottom: 330, baseline: 42.484375
 
+              frag 0 from TextNode start: 65, length: 20, rect: [13,321.5 492.671875x55]
 
                 "optimizing compiler."
 
             TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x22] overflow: [1,1 798x376.03125]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 782x4] overflow: [10,10 780x367.03125]
 
-      PaintableWithLines (BlockContainer<DIV>) [10,10 502x2] overflow: [11,44.5 500x332.53125]
 
-        PaintableWithLines (BlockContainer<H1>) [11,44.5 500x332.53125]
 
-          PaintableWithLines (BlockContainer<SPAN>) [12,45.5 498x330.53125]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x22] overflow: [1,1 798x377.5]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x4] overflow: [10,10 780x368.5]
 
+      PaintableWithLines (BlockContainer<DIV>) [10,10 502x2] overflow: [11,44.5 500x334]
 
+        PaintableWithLines (BlockContainer<H1>) [11,44.5 500x334]
 
+          PaintableWithLines (BlockContainer<SPAN>) [12,45.5 498x332]
 
             TextPaintable (TextNode<#text>)

+ 10 - 10
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-percentage-max-width.txt
مشاهده فایل 

@@ -1,16 +1,16 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x113.46875 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x97.46875 children: inline
 
-      line 0 width: 134.109375, height: 97.46875, bottom: 97.46875, baseline: 53.53125
 
-        frag 0 from BlockContainer start: 0, length: 0, rect: [48,48 54.109375x17.46875]
 
-      BlockContainer <div> at (48,48) content-size 54.109375x17.46875 inline-block [BFC] children: inline
 
-        line 0 width: 54.109375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 6, rect: [48,48 54.109375x17.46875]
 
+  BlockContainer <html> at (0,0) content-size 800x113 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x97 children: inline
 
+      line 0 width: 134.109375, height: 97, bottom: 97, baseline: 53.296875
 
+        frag 0 from BlockContainer start: 0, length: 0, rect: [48,48 54.109375x17]
 
+      BlockContainer <div> at (48,48) content-size 54.109375x17 inline-block [BFC] children: inline
 
+        line 0 width: 54.109375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 6, rect: [48,48 54.109375x17]
 
             "New UI"
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x113.46875]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x97.46875]
 
-      PaintableWithLines (BlockContainer<DIV>) [8,8 134.109375x97.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x113]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x97]
 
+      PaintableWithLines (BlockContainer<DIV>) [8,8 134.109375x97]
 
         TextPaintable (TextNode<#text>)

+ 10 - 10
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-with-max-width-fit-content.txt
مشاهده فایل 

@@ -1,16 +1,16 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x35.46875 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x19.46875 children: inline
 
-      line 0 width: 102.203125, height: 19.46875, bottom: 19.46875, baseline: 14.53125
 
-        frag 0 from BlockContainer start: 0, length: 0, rect: [9,9 100.203125x17.46875]
 
-      BlockContainer <span> at (9,9) content-size 100.203125x17.46875 inline-block [BFC] children: inline
 
-        line 0 width: 100.203125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 13, rect: [9,9 100.203125x17.46875]
 
+  BlockContainer <html> at (0,0) content-size 800x35 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x19 children: inline
 
+      line 0 width: 102.203125, height: 19, bottom: 19, baseline: 14.296875
 
+        frag 0 from BlockContainer start: 0, length: 0, rect: [9,9 100.203125x17]
 
+      BlockContainer <span> at (9,9) content-size 100.203125x17 inline-block [BFC] children: inline
 
+        line 0 width: 100.203125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 13, rect: [9,9 100.203125x17]
 
             "hello friends"
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x35.46875]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x19.46875]
 
-      PaintableWithLines (BlockContainer<SPAN>) [8,8 102.203125x19.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x35]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x19]
 
+      PaintableWithLines (BlockContainer<SPAN>) [8,8 102.203125x19]
 
         TextPaintable (TextNode<#text>)

+ 12 - 12
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-with-percentage-height-and-auto-height-of-containing-block.txt
مشاهده فایل 

@@ -1,18 +1,18 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
 
-      BlockContainer <div.pure-menu-list> at (8,8) content-size 784x17.46875 children: inline
 
-        line 0 width: 36.453125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 36.453125x17.46875]
 
-        BlockContainer <div.pure-menu-item> at (8,8) content-size 36.453125x17.46875 inline-block [BFC] children: inline
 
-          line 0 width: 36.453125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 4, rect: [8,8 36.453125x17.46875]
 
+  BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
 
+      BlockContainer <div.pure-menu-list> at (8,8) content-size 784x17 children: inline
 
+        line 0 width: 36.453125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 36.453125x17]
 
+        BlockContainer <div.pure-menu-item> at (8,8) content-size 36.453125x17 inline-block [BFC] children: inline
 
+          line 0 width: 36.453125, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 4, rect: [8,8 36.453125x17]
 
               "docs"
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
 
-      PaintableWithLines (BlockContainer<DIV>.pure-menu-list) [8,8 784x17.46875]
 
-        PaintableWithLines (BlockContainer<DIV>.pure-menu-item) [8,8 36.453125x17.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
 
+      PaintableWithLines (BlockContainer<DIV>.pure-menu-list) [8,8 784x17]
 
+        PaintableWithLines (BlockContainer<DIV>.pure-menu-item) [8,8 36.453125x17]
 
           TextPaintable (TextNode<#text>)

+ 5 - 5
Tests/LibWeb/Layout/expected/block-and-inline/inline-box-positioned-with-top-left.txt
مشاهده فایل 

@@ -1,16 +1,16 @@
 
 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 784x20 children: inline
 
-      line 0 width: 352.34375, height: 20, bottom: 20, baseline: 13.53125
 
-        frag 0 from TextNode start: 0, length: 14, rect: [8,8 112.421875x17.46875]
 
+      line 0 width: 352.34375, height: 20, bottom: 20, baseline: 13.296875
 
+        frag 0 from TextNode start: 0, length: 14, rect: [8,8 112.421875x17]
 
           "text text text"
 
         frag 1 from BlockContainer start: 0, length: 0, rect: [120,8 110.375x20]
 
-        frag 2 from TextNode start: 0, length: 16, rect: [231,8 129.546875x17.46875]
 
+        frag 2 from TextNode start: 0, length: 16, rect: [231,8 129.546875x17]
 
           "more inline text"
 
       TextNode <#text>
 
       BlockContainer <span.displaced_text> at (150,48) content-size 110.375x20 positioned inline-block [BFC] children: inline
 
-        line 0 width: 110.375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 14, rect: [150,48 110.375x17.46875]
 
+        line 0 width: 110.375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 14, rect: [150,48 110.375x17]
 
             "displaced text"
 
         TextNode <#text>
 
       TextNode <#text>

+ 3 - 3
Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins-vertical-align-top.txt
مشاهده فایل 

@@ -1,11 +1,11 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
 
     BlockContainer <body> at (8,8) content-size 784x175 children: inline
 
-      line 0 width: 210.828125, height: 175, bottom: 175, baseline: 13.53125
 
-        frag 0 from TextNode start: 0, length: 6, rect: [8,8 43.125x17.46875]
 
+      line 0 width: 210.828125, height: 175, bottom: 175, baseline: 13.296875
 
+        frag 0 from TextNode start: 0, length: 6, rect: [8,8 43.125x17]
 
           "Well, "
 
         frag 1 from BlockContainer start: 0, length: 0, rect: [51,58 100x100]
 
-        frag 2 from TextNode start: 0, length: 9, rect: [151,8 67.703125x17.46875]
 
+        frag 2 from TextNode start: 0, length: 9, rect: [151,8 67.703125x17]
 
           " friends."
 
       TextNode <#text>
 
       BlockContainer <div#inline-box> at (51,58) content-size 100x100 inline-block [BFC] children: not-inline

+ 5 - 5
Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins.txt
مشاهده فایل 

@@ -1,11 +1,11 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x178.46875 children: inline
 
-      line 0 width: 210.828125, height: 178.46875, bottom: 178.46875, baseline: 175
 
-        frag 0 from TextNode start: 0, length: 6, rect: [8,169 43.125x17.46875]
 
+    BlockContainer <body> at (8,8) content-size 784x178 children: inline
 
+      line 0 width: 210.828125, height: 178, bottom: 178, baseline: 175
 
+        frag 0 from TextNode start: 0, length: 6, rect: [8,169 43.125x17]
 
           "Well, "
 
         frag 1 from BlockContainer start: 0, length: 0, rect: [51,58 100x100]
 
-        frag 2 from TextNode start: 0, length: 9, rect: [151,169 67.703125x17.46875]
 
+        frag 2 from TextNode start: 0, length: 9, rect: [151,169 67.703125x17]
 
           " friends."
 
       TextNode <#text>
 
       BlockContainer <div#inline-box> at (51,58) content-size 100x100 inline-block [BFC] children: not-inline
 
@@ -13,7 +13,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x178.46875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x178]
 
       TextPaintable (TextNode<#text>)
 
       PaintableWithLines (BlockContainer<DIV>#inline-box) [51,58 100x100]
 
       TextPaintable (TextNode<#text>)

+ 12 - 12
Tests/LibWeb/Layout/expected/block-and-inline/inline-node-not-inserted-into-generated-box.txt
مشاهده فایل 

@@ -1,21 +1,21 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x50.9375 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
 
-      BlockContainer <(anonymous)> at (8,8) content-size 784x17.46875 children: inline
 
-        line 0 width: 27.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x17.46875]
 
+  BlockContainer <html> at (0,0) content-size 800x50 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
 
+      BlockContainer <(anonymous)> at (8,8) content-size 784x17 children: inline
 
+        line 0 width: 27.15625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x17]
 
             "foo"
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,25.46875) content-size 784x17.46875 children: inline
 
-        line 0 width: 27.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [8,25.46875 27.640625x17.46875]
 
+      BlockContainer <(anonymous)> at (8,25) content-size 784x17 children: inline
 
+        line 0 width: 27.640625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [8,25 27.640625x17]
 
             "bar"
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x50.9375]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375]
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x50]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x17.46875]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,25 784x17]
 
         TextPaintable (TextNode<#text>)

+ 42 - 42
Tests/LibWeb/Layout/expected/block-and-inline/list-markers-intruded-by-float.txt
مشاهده فایل 

@@ -1,65 +1,65 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x128.8125 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,16) content-size 784x104.8125 children: not-inline
 
+  BlockContainer <html> at (0,0) content-size 800x128 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,16) content-size 784x102 children: not-inline
 
       BlockContainer <div.box> at (18,26) content-size 200x100 floating [BFC] children: not-inline
 
-      BlockContainer <ul> at (48,16) content-size 744x104.8125 children: not-inline
 
-        ListItemBox <li> at (48,16) content-size 744x17.46875 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: [328,16 9.34375x17.46875]
 
+      BlockContainer <ul> at (48,16) content-size 744x102 children: not-inline
 
+        ListItemBox <li> at (48,16) content-size 744x17 children: inline
 
+          line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 1, rect: [328,16 9.34375x17]
 
               "a"
 
           TextNode <#text>
 
-          ListItemMarkerBox <(anonymous)> at (304,16.234375) content-size 12x17 children: not-inline
 
-        ListItemBox <li> at (48,33.46875) content-size 744x17.46875 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: [328,33.46875 9.34375x17.46875]
 
+          ListItemMarkerBox <(anonymous)> at (304,16) content-size 12x17 children: not-inline
 
+        ListItemBox <li> at (48,33) content-size 744x17 children: inline
 
+          line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 1, rect: [328,33 9.34375x17]
 
               "a"
 
           TextNode <#text>
 
-          ListItemMarkerBox <(anonymous)> at (304,33.703125) content-size 12x17 children: not-inline
 
-        ListItemBox <li> at (48,50.9375) content-size 744x17.46875 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: [328,50.9375 9.34375x17.46875]
 
+          ListItemMarkerBox <(anonymous)> at (304,33) content-size 12x17 children: not-inline
 
+        ListItemBox <li> at (48,50) content-size 744x17 children: inline
 
+          line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 1, rect: [328,50 9.34375x17]
 
               "a"
 
           TextNode <#text>
 
-          ListItemMarkerBox <(anonymous)> at (304,51.171875) content-size 12x17 children: not-inline
 
-        ListItemBox <li> at (48,68.40625) content-size 744x17.46875 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: [328,68.40625 9.34375x17.46875]
 
+          ListItemMarkerBox <(anonymous)> at (304,50) content-size 12x17 children: not-inline
 
+        ListItemBox <li> at (48,67) content-size 744x17 children: inline
 
+          line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 1, rect: [328,67 9.34375x17]
 
               "a"
 
           TextNode <#text>
 
-          ListItemMarkerBox <(anonymous)> at (304,68.640625) content-size 12x17 children: not-inline
 
-        ListItemBox <li> at (48,85.875) content-size 744x17.46875 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: [328,85.875 9.34375x17.46875]
 
+          ListItemMarkerBox <(anonymous)> at (304,67) content-size 12x17 children: not-inline
 
+        ListItemBox <li> at (48,84) content-size 744x17 children: inline
 
+          line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 1, rect: [328,84 9.34375x17]
 
               "a"
 
           TextNode <#text>
 
-          ListItemMarkerBox <(anonymous)> at (304,86.109375) content-size 12x17 children: not-inline
 
-        ListItemBox <li> at (48,103.34375) content-size 744x17.46875 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: [328,103.34375 9.34375x17.46875]
 
+          ListItemMarkerBox <(anonymous)> at (304,84) content-size 12x17 children: not-inline
 
+        ListItemBox <li> at (48,101) content-size 744x17 children: inline
 
+          line 0 width: 9.34375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 1, rect: [328,101 9.34375x17]
 
               "a"
 
           TextNode <#text>
 
-          ListItemMarkerBox <(anonymous)> at (304,103.578125) content-size 12x17 children: not-inline
 
+          ListItemMarkerBox <(anonymous)> at (304,101) content-size 12x17 children: not-inline
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x128.8125] overflow: [0,0 800x136]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,16 784x104.8125] overflow: [8,16 784x120]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x128] overflow: [0,0 800x136]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,16 784x102] overflow: [8,16 784x120]
 
       PaintableWithLines (BlockContainer<DIV>.box) [8,16 220x120]
 
-      PaintableWithLines (BlockContainer<UL>) [8,16 784x104.8125]
 
-        PaintableWithLines (ListItemBox<LI>) [48,16 744x17.46875]
 
+      PaintableWithLines (BlockContainer<UL>) [8,16 784x102]
 
+        PaintableWithLines (ListItemBox<LI>) [48,16 744x17]
 
           TextPaintable (TextNode<#text>)
 
-          MarkerPaintable (ListItemMarkerBox(anonymous)) [304,16.234375 12x17]
 
-        PaintableWithLines (ListItemBox<LI>) [48,33.46875 744x17.46875]
 
+          MarkerPaintable (ListItemMarkerBox(anonymous)) [304,16 12x17]
 
+        PaintableWithLines (ListItemBox<LI>) [48,33 744x17]
 
           TextPaintable (TextNode<#text>)
 
-          MarkerPaintable (ListItemMarkerBox(anonymous)) [304,33.703125 12x17]
 
-        PaintableWithLines (ListItemBox<LI>) [48,50.9375 744x17.46875]
 
+          MarkerPaintable (ListItemMarkerBox(anonymous)) [304,33 12x17]
 
+        PaintableWithLines (ListItemBox<LI>) [48,50 744x17]
 
           TextPaintable (TextNode<#text>)
 
-          MarkerPaintable (ListItemMarkerBox(anonymous)) [304,51.171875 12x17]
 
-        PaintableWithLines (ListItemBox<LI>) [48,68.40625 744x17.46875]
 
+          MarkerPaintable (ListItemMarkerBox(anonymous)) [304,50 12x17]
 
+        PaintableWithLines (ListItemBox<LI>) [48,67 744x17]
 
           TextPaintable (TextNode<#text>)
 
-          MarkerPaintable (ListItemMarkerBox(anonymous)) [304,68.640625 12x17]
 
-        PaintableWithLines (ListItemBox<LI>) [48,85.875 744x17.46875]
 
+          MarkerPaintable (ListItemMarkerBox(anonymous)) [304,67 12x17]
 
+        PaintableWithLines (ListItemBox<LI>) [48,84 744x17]
 
           TextPaintable (TextNode<#text>)
 
-          MarkerPaintable (ListItemMarkerBox(anonymous)) [304,86.109375 12x17]
 
-        PaintableWithLines (ListItemBox<LI>) [48,103.34375 744x17.46875]
 
+          MarkerPaintable (ListItemMarkerBox(anonymous)) [304,84 12x17]
 
+        PaintableWithLines (ListItemBox<LI>) [48,101 744x17]
 
           TextPaintable (TextNode<#text>)
 
-          MarkerPaintable (ListItemMarkerBox(anonymous)) [304,103.578125 12x17]
 
+          MarkerPaintable (ListItemMarkerBox(anonymous)) [304,101 12x17]

+ 4 - 4
Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-1.txt
مشاهده فایل 

@@ -2,15 +2,15 @@ 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,25) content-size 784x229 children: not-inline
 
       BlockContainer <div#foo> at (34,26) content-size 100x100 children: inline
 
-        line 0 width: 27.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [34,26 27.15625x17.46875]
 
+        line 0 width: 27.15625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [34,26 27.15625x17]
 
             "foo"
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> at (8,152) content-size 784x0 children: inline
 
         TextNode <#text>
 
       BlockContainer <div#bar> at (34,153) content-size 100x100 children: inline
 
-        line 0 width: 27.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [34,153 27.640625x17.46875]
 
+        line 0 width: 27.640625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [34,153 27.640625x17]
 
             "bar"
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> at (8,279) content-size 784x0 children: inline

+ 6 - 6
Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-2.txt
مشاهده فایل 

@@ -2,22 +2,22 @@ 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 784x336 children: not-inline
 
       BlockContainer <div#foo> at (9,9) content-size 100x100 children: inline
 
-        line 0 width: 27.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [9,9 27.15625x17.46875]
 
+        line 0 width: 27.15625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [9,9 27.15625x17]
 
             "foo"
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> at (8,135) content-size 784x0 children: inline
 
         TextNode <#text>
 
       BlockContainer <div#bar> at (9,136) content-size 100x100 children: inline
 
-        line 0 width: 27.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [9,136 27.640625x17.46875]
 
+        line 0 width: 27.640625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [9,136 27.640625x17]
 
             "bar"
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> at (8,262) content-size 784x0 children: inline
 
         TextNode <#text>
 
       BlockContainer <div#baz> at (9,243) content-size 100x100 children: inline
 
-        line 0 width: 27.203125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [9,243 27.203125x17.46875]
 
+        line 0 width: 27.203125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [9,243 27.203125x17]
 
             "baz"
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> at (8,344) content-size 784x0 children: inline

+ 12 - 12
Tests/LibWeb/Layout/expected/block-and-inline/margin-collapse-5.txt
مشاهده فایل 

@@ -1,19 +1,19 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (1,1) content-size 798x121.46875 [BFC] children: inline
 
-    line 0 width: 170.96875, height: 121.46875, bottom: 121.46875, baseline: 15.53125
 
-      frag 0 from BlockContainer start: 0, length: 0, rect: [2,2 168.96875x119.46875]
 
-    BlockContainer <body> at (2,2) content-size 168.96875x119.46875 inline-block [BFC] children: not-inline
 
-      BlockContainer <div.hmm> at (3,3) content-size 166.96875x17.46875 children: inline
 
-        line 0 width: 166.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 21, rect: [3,3 166.96875x17.46875]
 
+  BlockContainer <html> at (1,1) content-size 798x121 [BFC] children: inline
 
+    line 0 width: 170.96875, height: 121, bottom: 121, baseline: 15.296875
 
+      frag 0 from BlockContainer start: 0, length: 0, rect: [2,2 168.96875x119]
 
+    BlockContainer <body> at (2,2) content-size 168.96875x119 inline-block [BFC] children: not-inline
 
+      BlockContainer <div.hmm> at (3,3) content-size 166.96875x17 children: inline
 
+        line 0 width: 166.96875, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 21, rect: [3,3 166.96875x17]
 
             "suspiciously tall box"
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (2,121.46875) content-size 168.96875x0 children: inline
 
+      BlockContainer <(anonymous)> at (2,121) content-size 168.96875x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x123.46875]
 
-    PaintableWithLines (BlockContainer<BODY>) [1,1 170.96875x121.46875]
 
-      PaintableWithLines (BlockContainer<DIV>.hmm) [2,2 168.96875x19.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x123]
 
+    PaintableWithLines (BlockContainer<BODY>) [1,1 170.96875x121]
 
+      PaintableWithLines (BlockContainer<DIV>.hmm) [2,2 168.96875x19]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [2,121.46875 168.96875x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [2,121 168.96875x0]

+ 10 - 10
Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline-start.txt
مشاهده فایل 

@@ -1,18 +1,18 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (1,1) content-size 798x99.46875 [BFC] children: not-inline
 
-    BlockContainer <body> at (10,10) content-size 500x81.46875 children: not-inline
 
-      BlockContainer <div.a> at (51,21) content-size 413x49.46875 children: not-inline
 
-        BlockContainer <div.b> at (92,32) content-size 326x17.46875 children: inline
 
-          line 0 width: 41.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 5, rect: [93,32 39.78125x17.46875]
 
+  BlockContainer <html> at (1,1) content-size 798x99 [BFC] children: not-inline
 
+    BlockContainer <body> at (10,10) content-size 500x81 children: not-inline
 
+      BlockContainer <div.a> at (51,21) content-size 413x49 children: not-inline
 
+        BlockContainer <div.b> at (92,32) content-size 326x17 children: inline
 
+          line 0 width: 41.78125, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 5, rect: [93,32 39.78125x17]
 
               "Hello"
 
           InlineNode <span>
 
             TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x101.46875]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 502x83.46875]
 
-      PaintableWithLines (BlockContainer<DIV>.a) [10,10 500x81.46875]
 
-        PaintableWithLines (BlockContainer<DIV>.b) [91,31 328x19.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x101]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 502x83]
 
+      PaintableWithLines (BlockContainer<DIV>.a) [10,10 500x81]
 
+        PaintableWithLines (BlockContainer<DIV>.b) [91,31 328x19]
 
           InlinePaintable (InlineNode<SPAN>)
 
             TextPaintable (TextNode<#text>)

+ 10 - 10
Tests/LibWeb/Layout/expected/block-and-inline/margin-padding-block-inline.txt
مشاهده فایل 

@@ -1,18 +1,18 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (1,1) content-size 798x119.46875 [BFC] children: not-inline
 
-    BlockContainer <body> at (10,10) content-size 500x101.46875 children: not-inline
 
-      BlockContainer <div.a> at (31,21) content-size 458x79.46875 children: not-inline
 
-        BlockContainer <div.b> at (72,52) content-size 376x17.46875 children: inline
 
-          line 0 width: 41.78125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 5, rect: [73,52 39.78125x17.46875]
 
+  BlockContainer <html> at (1,1) content-size 798x119 [BFC] children: not-inline
 
+    BlockContainer <body> at (10,10) content-size 500x101 children: not-inline
 
+      BlockContainer <div.a> at (31,21) content-size 458x79 children: not-inline
 
+        BlockContainer <div.b> at (72,52) content-size 376x17 children: inline
 
+          line 0 width: 41.78125, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 5, rect: [73,52 39.78125x17]
 
               "Hello"
 
           InlineNode <span>
 
             TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x121.46875]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 502x103.46875]
 
-      PaintableWithLines (BlockContainer<DIV>.a) [10,10 500x101.46875]
 
-        PaintableWithLines (BlockContainer<DIV>.b) [71,51 378x19.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x121]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 502x103]
 
+      PaintableWithLines (BlockContainer<DIV>.a) [10,10 500x101]
 
+        PaintableWithLines (BlockContainer<DIV>.b) [71,51 378x19]
 
           InlinePaintable (InlineNode<SPAN>)
 
             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.96875 [BFC] children: not-inline
 
-    BlockContainer <body> at (10,10) content-size 204x167.96875 children: not-inline
 
-      BlockContainer <div.outer> at (11,11) content-size 202x165.96875 children: not-inline
 
-        BlockContainer <div.inner> at (12,12) content-size 200x163.96875 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]
 
+  BlockContainer <html> at (1,1) content-size 798x187 [BFC] children: not-inline
 
+    BlockContainer <body> at (10,10) content-size 204x169 children: not-inline
 
+      BlockContainer <div.outer> at (11,11) content-size 202x167 children: not-inline
 
+        BlockContainer <div.inner> at (12,12) content-size 200x165 children: inline
 
+          line 0 width: 88.765625, height: 55, bottom: 55, baseline: 42.484375
 
+            frag 0 from TextNode start: 0, length: 4, rect: [12,12 88.765625x55]
 
               "well"
 
-          line 1 width: 115.140625, height: 55.1875, bottom: 109.78125, baseline: 42.28125
 
-            frag 0 from TextNode start: 5, length: 5, rect: [12,66 115.140625x54.59375]
 
+          line 1 width: 115.140625, height: 55, bottom: 110, baseline: 42.484375
 
+            frag 0 from TextNode start: 5, length: 5, rect: [12,67 115.140625x55]
 
               "hello"
 
-          line 2 width: 173, height: 54.78125, bottom: 163.96875, baseline: 42.28125
 
-            frag 0 from TextNode start: 11, length: 7, rect: [12,121 173x54.59375]
 
+          line 2 width: 173, height: 55, bottom: 165, baseline: 42.484375
 
+            frag 0 from TextNode start: 11, length: 7, rect: [12,122 173x55]
 
               "friends"
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x187.96875]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 206x169.96875]
 
-      PaintableWithLines (BlockContainer<DIV>.outer) [10,10 204x167.96875]
 
-        PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x165.96875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x189]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 206x171]
 
+      PaintableWithLines (BlockContainer<DIV>.outer) [10,10 204x169]
 
+        PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x167]
 
           TextPaintable (TextNode<#text>)

+ 10 - 10
Tests/LibWeb/Layout/expected/block-and-inline/max-width-on-child-block-with-width-auto-contributes-to-intrinsic-size-of-parent.txt
مشاهده فایل 

@@ -1,16 +1,16 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (1,1) content-size 798x39.46875 [BFC] children: not-inline
 
-    Box <body.outer> at (10,10) content-size 780x21.46875 flex-container(row) [FFC] children: not-inline
 
-      BlockContainer <div.middle> at (11,11) content-size 202x19.46875 flex-item [BFC] children: not-inline
 
-        BlockContainer <div.inner> at (12,12) content-size 200x17.46875 children: inline
 
-          line 0 width: 45.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 4, rect: [12,12 45.15625x17.46875]
 
+  BlockContainer <html> at (1,1) content-size 798x39 [BFC] children: not-inline
 
+    Box <body.outer> at (10,10) content-size 780x21 flex-container(row) [FFC] children: not-inline
 
+      BlockContainer <div.middle> at (11,11) content-size 202x19 flex-item [BFC] children: not-inline
 
+        BlockContainer <div.inner> at (12,12) content-size 200x17 children: inline
 
+          line 0 width: 45.15625, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 4, rect: [12,12 45.15625x17]
 
               "OPEN"
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x41.46875]
 
-    PaintableBox (Box<BODY>.outer) [9,9 782x23.46875]
 
-      PaintableWithLines (BlockContainer<DIV>.middle) [10,10 204x21.46875]
 
-        PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x19.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x41]
 
+    PaintableBox (Box<BODY>.outer) [9,9 782x23]
 
+      PaintableWithLines (BlockContainer<DIV>.middle) [10,10 204x21]
 
+        PaintableWithLines (BlockContainer<DIV>.inner) [11,11 202x19]
 
           TextPaintable (TextNode<#text>)

+ 7 - 7
Tests/LibWeb/Layout/expected/block-and-inline/max-width-percentage-100-border-box.txt
مشاهده فایل 

@@ -1,14 +1,14 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline
 
-    BlockContainer <body> at (10,10) content-size 93.59375x19.46875 positioned [BFC] children: not-inline
 
-      BlockContainer <nav> at (11,11) content-size 91.59375x17.46875 children: inline
 
-        line 0 width: 91.59375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 10, rect: [11,11 91.59375x17.46875]
 
+    BlockContainer <body> at (10,10) content-size 93.59375x19 positioned [BFC] children: not-inline
 
+      BlockContainer <nav> at (11,11) content-size 91.59375x17 children: inline
 
+        line 0 width: 91.59375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 10, rect: [11,11 91.59375x17]
 
             "border box"
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 95.59375x21.46875]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 95.59375x21.46875]
 
-      PaintableWithLines (BlockContainer<NAV>) [10,10 93.59375x19.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 95.59375x21]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 95.59375x21]
 
+      PaintableWithLines (BlockContainer<NAV>) [10,10 93.59375x19]
 
         TextPaintable (TextNode<#text>)

+ 7 - 7
Tests/LibWeb/Layout/expected/block-and-inline/max-width-percentage-100.txt
مشاهده فایل 

@@ -1,14 +1,14 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline
 
-    BlockContainer <body> at (10,10) content-size 138.609375x19.46875 positioned [BFC] children: not-inline
 
-      BlockContainer <div> at (11,11) content-size 136.609375x17.46875 children: inline
 
-        line 0 width: 136.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 18, rect: [11,11 136.609375x17.46875]
 
+    BlockContainer <body> at (10,10) content-size 138.609375x19 positioned [BFC] children: not-inline
 
+      BlockContainer <div> at (11,11) content-size 136.609375x17 children: inline
 
+        line 0 width: 136.609375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 18, rect: [11,11 136.609375x17]
 
             "well hello friends"
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 140.609375x21.46875]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 140.609375x21.46875]
 
-      PaintableWithLines (BlockContainer<DIV>) [10,10 138.609375x19.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 140.609375x21]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 140.609375x21]
 
+      PaintableWithLines (BlockContainer<DIV>) [10,10 138.609375x19]
 
         TextPaintable (TextNode<#text>)

+ 8 - 8
Tests/LibWeb/Layout/expected/block-and-inline/max-width-percentage-containing-block.txt
مشاهده فایل 

@@ -1,14 +1,14 @@
 
 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
 
-      BlockContainer <span.text> at (11,11) content-size 66.671875x17.46875 children: inline
 
-        line 0 width: 66.671875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 7, rect: [11,11 66.671875x17.46875]
 
+  BlockContainer <html> at (1,1) content-size 798x37 [BFC] children: not-inline
 
+    BlockContainer <body> at (10,10) content-size 780x19 children: not-inline
 
+      BlockContainer <span.text> at (11,11) content-size 66.671875x17 children: inline
 
+        line 0 width: 66.671875, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 7, rect: [11,11 66.671875x17]
 
             "Trimmed"
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x39.46875]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 782x21.46875]
 
-      PaintableWithLines (BlockContainer<SPAN>.text) [10,10 68.671875x19.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x39]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 782x21]
 
+      PaintableWithLines (BlockContainer<SPAN>.text) [10,10 68.671875x19]
 
         TextPaintable (TextNode<#text>)

+ 24 - 24
Tests/LibWeb/Layout/expected/block-and-inline/max-width-wrapped-in-max-content.txt
مشاهده فایل 

@@ -1,35 +1,35 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x121.15625 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x105.15625 children: not-inline
 
-      BlockContainer <div.wrapper> at (8,8) content-size 270x105.15625 children: not-inline
 
-        BlockContainer <div.constrained> at (8,8) content-size 270x105.15625 children: not-inline
 
-          BlockContainer <(anonymous)> at (8,8) content-size 270x105.15625 children: inline
 
-            line 0 width: 261.0625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-              frag 0 from TextNode start: 1, length: 35, rect: [8,8 261.0625x17.46875]
 
+  BlockContainer <html> at (0,0) content-size 800x118 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x102 children: not-inline
 
+      BlockContainer <div.wrapper> at (8,8) content-size 270x102 children: not-inline
 
+        BlockContainer <div.constrained> at (8,8) content-size 270x102 children: not-inline
 
+          BlockContainer <(anonymous)> at (8,8) content-size 270x102 children: inline
 
+            line 0 width: 261.0625, height: 17, bottom: 17, baseline: 13.296875
 
+              frag 0 from TextNode start: 1, length: 35, rect: [8,8 261.0625x17]
 
                 "hello hello hello hello hello hello"
 
-            line 1 width: 261.0625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-              frag 0 from TextNode start: 37, length: 35, rect: [8,25 261.0625x17.46875]
 
+            line 1 width: 261.0625, height: 17, bottom: 34, baseline: 13.296875
 
+              frag 0 from TextNode start: 37, length: 35, rect: [8,25 261.0625x17]
 
                 "hello hello hello hello hello hello"
 
-            line 2 width: 261.0625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
 
-              frag 0 from TextNode start: 73, length: 35, rect: [8,42 261.0625x17.46875]
 
+            line 2 width: 261.0625, height: 17, bottom: 51, baseline: 13.296875
 
+              frag 0 from TextNode start: 73, length: 35, rect: [8,42 261.0625x17]
 
                 "hello hello hello hello hello hello"
 
-            line 3 width: 261.0625, height: 17.875, bottom: 70.28125, baseline: 13.53125
 
-              frag 0 from TextNode start: 109, length: 35, rect: [8,60 261.0625x17.46875]
 
+            line 3 width: 261.0625, height: 17, bottom: 68, baseline: 13.296875
 
+              frag 0 from TextNode start: 109, length: 35, rect: [8,59 261.0625x17]
 
                 "hello hello hello hello hello hello"
 
-            line 4 width: 261.0625, height: 18.34375, bottom: 88.21875, baseline: 13.53125
 
-              frag 0 from TextNode start: 145, length: 35, rect: [8,77 261.0625x17.46875]
 
+            line 4 width: 261.0625, height: 17, bottom: 85, baseline: 13.296875
 
+              frag 0 from TextNode start: 145, length: 35, rect: [8,76 261.0625x17]
 
                 "hello hello hello hello hello hello"
 
-            line 5 width: 81.6875, height: 17.8125, bottom: 105.15625, baseline: 13.53125
 
-              frag 0 from TextNode start: 181, length: 11, rect: [8,95 81.6875x17.46875]
 
+            line 5 width: 81.6875, height: 17, bottom: 102, baseline: 13.296875
 
+              frag 0 from TextNode start: 181, length: 11, rect: [8,93 81.6875x17]
 
                 "hello hello"
 
             TextNode <#text>
 
-          BlockContainer <div> at (8,113.15625) content-size 270x0 children: not-inline
 
+          BlockContainer <div> at (8,110) content-size 270x0 children: not-inline
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x121.15625]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x105.15625]
 
-      PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 270x105.15625]
 
-        PaintableWithLines (BlockContainer<DIV>.constrained) [8,8 270x105.15625]
 
-          PaintableWithLines (BlockContainer(anonymous)) [8,8 270x105.15625]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x118]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x102]
 
+      PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 270x102]
 
+        PaintableWithLines (BlockContainer<DIV>.constrained) [8,8 270x102]
 
+          PaintableWithLines (BlockContainer(anonymous)) [8,8 270x102]
 
             TextPaintable (TextNode<#text>)
 
-          PaintableWithLines (BlockContainer<DIV>) [8,113.15625 270x0]
 
+          PaintableWithLines (BlockContainer<DIV>) [8,110 270x0]

+ 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.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]
 
+  BlockContainer <html> at (1,1) content-size 798x77 [BFC] children: not-inline
 
+    BlockContainer <body> at (10,10) content-size 604x59 children: not-inline
 
+      BlockContainer <div.outer> at (11,11) content-size 602x57 children: not-inline
 
+        BlockContainer <div.inner> at (12,12) content-size 600x55 children: inline
 
+          line 0 width: 426.90625, height: 55, bottom: 55, baseline: 42.484375
 
+            frag 0 from TextNode start: 0, length: 18, rect: [12,12 426.90625x55]
 
               "well hello friends"
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  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]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x79]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 606x61]
 
+      PaintableWithLines (BlockContainer<DIV>.outer) [10,10 604x59]
 
+        PaintableWithLines (BlockContainer<DIV>.inner) [11,11 602x57]
 
           TextPaintable (TextNode<#text>)

+ 16 - 16
Tests/LibWeb/Layout/expected/block-and-inline/narrow-bfc-width-to-avoid-overlap-with-floats.txt
مشاهده فایل 

@@ -1,30 +1,30 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (0,0) content-size 800x1008 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x108.21875 children: not-inline
 
-      BlockContainer <div.wrapper> at (8,8) content-size 784x108.21875 children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x105 children: not-inline
 
+      BlockContainer <div.wrapper> at (8,8) content-size 784x105 children: not-inline
 
         BlockContainer <div.float> at (592,8) content-size 200x1000 floating [BFC] children: not-inline
 
-        BlockContainer <div.bfc> at (18,18) content-size 564x88.21875 [BFC] children: inline
 
-          line 0 width: 458.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 56, rect: [18,18 458.125x17.46875]
 
+        BlockContainer <div.bfc> at (18,18) content-size 564x85 [BFC] children: inline
 
+          line 0 width: 458.125, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 56, rect: [18,18 458.125x17]
 
               "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
 
-          line 1 width: 511.796875, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-            frag 0 from TextNode start: 57, length: 60, rect: [18,35 511.796875x17.46875]
 
+          line 1 width: 511.796875, height: 17, bottom: 34, baseline: 13.296875
 
+            frag 0 from TextNode start: 57, length: 60, rect: [18,35 511.796875x17]
 
               "Pellentesque vitae neque nunc. Nam fermentum libero a lectus"
 
-          line 2 width: 537.078125, height: 18.40625, bottom: 53.34375, baseline: 13.53125
 
-            frag 0 from TextNode start: 118, length: 67, rect: [18,52 537.078125x17.46875]
 
+          line 2 width: 537.078125, height: 17, bottom: 51, baseline: 13.296875
 
+            frag 0 from TextNode start: 118, length: 67, rect: [18,52 537.078125x17]
 
               "vulputate eleifend. Nam sagittis tristique augue, id sodales mauris"
 
-          line 3 width: 537.34375, height: 17.875, bottom: 70.28125, baseline: 13.53125
 
-            frag 0 from TextNode start: 186, length: 65, rect: [18,70 537.34375x17.46875]
 
+          line 3 width: 537.34375, height: 17, bottom: 68, baseline: 13.296875
 
+            frag 0 from TextNode start: 186, length: 65, rect: [18,69 537.34375x17]
 
               "suscipit at. Vivamus eget placerat ex. Suspendisse potenti. Morbi"
 
-          line 4 width: 455.375, height: 18.34375, bottom: 88.21875, baseline: 13.53125
 
-            frag 0 from TextNode start: 252, length: 57, rect: [18,87 455.375x17.46875]
 
+          line 4 width: 455.375, height: 17, bottom: 85, baseline: 13.296875
 
+            frag 0 from TextNode start: 252, length: 57, rect: [18,86 455.375x17]
 
               "pulvinar ipsum eget nulla dapibus, ac varius mi eleifend."
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x1008]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x1008]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x108.21875] overflow: [8,8 784x1000]
 
-      PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 784x108.21875] overflow: [8,8 784x1000]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x105] overflow: [8,8 784x1000]
 
+      PaintableWithLines (BlockContainer<DIV>.wrapper) [8,8 784x105] overflow: [8,8 784x1000]
 
         PaintableWithLines (BlockContainer<DIV>.float) [592,8 200x1000]
 
-        PaintableWithLines (BlockContainer<DIV>.bfc) [8,8 584x108.21875]
 
+        PaintableWithLines (BlockContainer<DIV>.bfc) [8,8 584x105]
 
           TextPaintable (TextNode<#text>)

+ 2 - 2
Tests/LibWeb/Layout/expected/block-and-inline/percentage-min-height-with-containing-block-padding.txt
مشاهده فایل 

@@ -3,8 +3,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
     BlockContainer <body> at (8,8) content-size 784x600 children: not-inline
 
       BlockContainer <div.container> at (8,108) content-size 784x500 children: not-inline
 
         BlockContainer <div.hmm> at (18,118) content-size 764x250 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: [18,118 36.84375x17.46875]
 
+          line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 5, rect: [18,118 36.84375x17]
 
               "hello"
 
           TextNode <#text>

+ 8 - 8
Tests/LibWeb/Layout/expected/block-and-inline/percentage-min-height.txt
مشاهده فایل 

@@ -1,14 +1,14 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x53.46875 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x37.46875 children: not-inline
 
-      BlockContainer <div.hmm> at (18,18) content-size 764x17.46875 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: [18,18 36.84375x17.46875]
 
+  BlockContainer <html> at (0,0) content-size 800x53 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x37 children: not-inline
 
+      BlockContainer <div.hmm> at (18,18) content-size 764x17 children: inline
 
+        line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 5, rect: [18,18 36.84375x17]
 
             "hello"
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x53.46875]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x37.46875]
 
-      PaintableWithLines (BlockContainer<DIV>.hmm) [8,8 784x37.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x53]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x37]
 
+      PaintableWithLines (BlockContainer<DIV>.hmm) [8,8 784x37]
 
         TextPaintable (TextNode<#text>)

+ 8 - 8
Tests/LibWeb/Layout/expected/block-and-inline/percentage-min-width-with-max-content-containing-block-width.txt
مشاهده فایل 

@@ -1,14 +1,14 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 200x17.46875 children: not-inline
 
-      BlockContainer <div> at (8,8) content-size 200x17.46875 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: [8,8 36.84375x17.46875]
 
+  BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 200x17 children: not-inline
 
+      BlockContainer <div> at (8,8) content-size 200x17 children: inline
 
+        line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.84375x17]
 
             "hello"
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 200x17.46875]
 
-      PaintableWithLines (BlockContainer<DIV>) [8,8 200x17.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 200x17]
 
+      PaintableWithLines (BlockContainer<DIV>) [8,8 200x17]
 
         TextPaintable (TextNode<#text>)

+ 5 - 5
Tests/LibWeb/Layout/expected/block-and-inline/percentage-padding-on-inline-block-with-indefinite-containing-block-size.txt
مشاهده فایل 

@@ -1,11 +1,11 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x33.46875 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 0x17.46875 children: inline
 
-      line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
+  BlockContainer <html> at (0,0) content-size 800x33 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 0x17 children: inline
 
+      line 0 width: 0, height: 17, bottom: 17, baseline: 13.296875
 
         frag 0 from BlockContainer start: 0, length: 0, rect: [8,21 0x0]
 
       BlockContainer <div> at (8,21) content-size 0x0 inline-block [BFC] children: not-inline
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x33.46875]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 0x17.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x33]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 0x17]
 
       PaintableWithLines (BlockContainer<DIV>) [8,21 0x0]

+ 12 - 12
Tests/LibWeb/Layout/expected/block-and-inline/relpos-block.txt
مشاهده فایل 

@@ -1,21 +1,21 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (2,2) content-size 796x62.9375 [BFC] children: not-inline
 
-    BlockContainer <body> at (12,12) content-size 600x42.9375 children: not-inline
 
-      BlockContainer <div.exekiller> at (14,14) content-size 200x17.46875 positioned children: inline
 
-        line 0 width: 65.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 9, rect: [14,14 65.4375x17.46875]
 
+  BlockContainer <html> at (2,2) content-size 796x62 [BFC] children: not-inline
 
+    BlockContainer <body> at (12,12) content-size 600x42 children: not-inline
 
+      BlockContainer <div.exekiller> at (14,14) content-size 200x17 positioned children: inline
 
+        line 0 width: 65.4375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 9, rect: [14,14 65.4375x17]
 
             "exekiller"
 
         TextNode <#text>
 
-      BlockContainer <div.athena> at (24,25.46875) content-size 200x17.46875 positioned children: inline
 
-        line 0 width: 53.171875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 6, rect: [24,25.46875 53.171875x17.46875]
 
+      BlockContainer <div.athena> at (24,25) content-size 200x17 positioned children: inline
 
+        line 0 width: 53.171875, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 6, rect: [24,25 53.171875x17]
 
             "athena"
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x66.9375]
 
-    PaintableWithLines (BlockContainer<BODY>) [10,10 604x46.9375]
 
-      PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
 
+    PaintableWithLines (BlockContainer<BODY>) [10,10 604x46]
 
+      PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer<DIV>.athena) [22,23.46875 204x21.46875]
 
+      PaintableWithLines (BlockContainer<DIV>.athena) [22,23 204x21]
 
         TextPaintable (TextNode<#text>)

+ 11 - 11
Tests/LibWeb/Layout/expected/block-and-inline/relpos-float.txt
مشاهده فایل 

@@ -1,21 +1,21 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (2,2) content-size 796x31.46875 [BFC] children: not-inline
 
+  BlockContainer <html> at (2,2) content-size 796x31 [BFC] children: not-inline
 
     BlockContainer <body> at (12,12) content-size 600x0 children: not-inline
 
-      BlockContainer <div.exekiller> at (14,14) content-size 200x17.46875 positioned floating [BFC] children: inline
 
-        line 0 width: 65.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 9, rect: [14,14 65.4375x17.46875]
 
+      BlockContainer <div.exekiller> at (14,14) content-size 200x17 positioned floating [BFC] children: inline
 
+        line 0 width: 65.4375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 9, rect: [14,14 65.4375x17]
 
             "exekiller"
 
         TextNode <#text>
 
-      BlockContainer <div.athena> at (18,18) content-size 200x17.46875 positioned floating [BFC] children: inline
 
-        line 0 width: 53.171875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 6, rect: [18,18 53.171875x17.46875]
 
+      BlockContainer <div.athena> at (18,18) content-size 200x17 positioned floating [BFC] children: inline
 
+        line 0 width: 53.171875, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 6, rect: [18,18 53.171875x17]
 
             "athena"
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x35.46875] overflow: [2,2 796x35.46875]
 
-    PaintableWithLines (BlockContainer<BODY>) [10,10 604x4] overflow: [12,12 208x25.46875]
 
-      PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x35] overflow: [2,2 796x35]
 
+    PaintableWithLines (BlockContainer<BODY>) [10,10 604x4] overflow: [12,12 208x25]
 
+      PaintableWithLines (BlockContainer<DIV>.exekiller) [12,12 204x21]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer<DIV>.athena) [16,16 204x21.46875]
 
+      PaintableWithLines (BlockContainer<DIV>.athena) [16,16 204x21]
 
         TextPaintable (TextNode<#text>)

+ 26 - 26
Tests/LibWeb/Layout/expected/block-and-inline/relpos-inline-element-js-offsets.txt
مشاهده فایل 

@@ -1,13 +1,13 @@
 
 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 784x156.6875 children: not-inline
 
-      BlockContainer <(anonymous)> at (8,8) content-size 784x17.46875 children: inline
 
-        line 0 width: 136.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.40625x17.46875]
 
+    BlockContainer <body> at (8,8) content-size 784x152 children: not-inline
 
+      BlockContainer <(anonymous)> at (8,8) content-size 784x17 children: inline
 
+        line 0 width: 136.609375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.40625x17]
 
             "well "
 
-          frag 1 from TextNode start: 0, length: 6, rect: [44,33 44.84375x17.46875]
 
+          frag 1 from TextNode start: 0, length: 6, rect: [44,33 44.84375x17]
 
             "hello "
 
-          frag 2 from TextNode start: 0, length: 7, rect: [89,58 55.359375x17.46875]
 
+          frag 2 from TextNode start: 0, length: 7, rect: [89,58 55.359375x17]
 
             "friends"
 
         InlineNode <span>
 
           TextNode <#text>
 
@@ -16,43 +16,43 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
             InlineNode <i>
 
               TextNode <#text>
 
         TextNode <#text>
 
-      BlockContainer <div> at (8,25.46875) content-size 784x139.21875 children: not-inline
 
-        BlockContainer <(anonymous)> at (8,25.46875) content-size 784x69.875 children: inline
 
-          line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          line 1 width: 0, height: 17.46875, bottom: 34.9375, baseline: 13.53125
 
-          line 2 width: 0, height: 17.46875, bottom: 52.40625, baseline: 13.53125
 
-          line 3 width: 0, height: 17.46875, bottom: 69.875, baseline: 13.53125
 
+      BlockContainer <div> at (8,25) content-size 784x135 children: not-inline
 
+        BlockContainer <(anonymous)> at (8,25) content-size 784x68 children: inline
 
+          line 0 width: 0, height: 17, bottom: 17, baseline: 13.296875
 
+          line 1 width: 0, height: 17, bottom: 34, baseline: 13.296875
 
+          line 2 width: 0, height: 17, bottom: 51, baseline: 13.296875
 
+          line 3 width: 0, height: 17, bottom: 68, baseline: 13.296875
 
           BreakNode <br>
 
           BreakNode <br>
 
           BreakNode <br>
 
           BreakNode <br>
 
-        BlockContainer <pre#out> at (8,111.34375) content-size 784x53.34375 children: inline
 
-          line 0 width: 72.421875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 10, rect: [8,111.34375 72.421875x17.46875]
 
+        BlockContainer <pre#out> at (8,109) content-size 784x51 children: inline
 
+          line 0 width: 72.421875, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 10, rect: [8,109 72.421875x17]
 
               "well: 0, 0"
 
-          line 1 width: 96.765625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-            frag 0 from TextNode start: 11, length: 13, rect: [8,128.34375 96.765625x17.46875]
 
+          line 1 width: 96.765625, height: 17, bottom: 34, baseline: 13.296875
 
+            frag 0 from TextNode start: 11, length: 13, rect: [8,126 96.765625x17]
 
               "hello: 36, 25"
 
-          line 2 width: 113.65625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
 
-            frag 0 from TextNode start: 25, length: 15, rect: [8,145.34375 113.65625x17.46875]
 
+          line 2 width: 113.65625, height: 17, bottom: 51, baseline: 13.296875
 
+            frag 0 from TextNode start: 25, length: 15, rect: [8,143 113.65625x17]
 
               "friends: 45, 25"
 
           TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,180.6875) content-size 784x0 children: inline
 
+      BlockContainer <(anonymous)> at (8,176) content-size 784x0 children: inline
 
         TextNode <#text>
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x156.6875] overflow: [8,8 784x172.6875]
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17.46875] overflow: [8,8 784x67.46875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x152] overflow: [8,8 784x168]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17] overflow: [8,8 784x67]
 
         InlinePaintable (InlineNode<SPAN>)
 
           TextPaintable (TextNode<#text>)
 
           InlinePaintable (InlineNode<B>)
 
             TextPaintable (TextNode<#text>)
 
             InlinePaintable (InlineNode<I>)
 
               TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer<DIV>) [8,25.46875 784x139.21875]
 
-        PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x69.875]
 
-        PaintableWithLines (BlockContainer<PRE>#out) [8,111.34375 784x53.34375]
 
+      PaintableWithLines (BlockContainer<DIV>) [8,25 784x135]
 
+        PaintableWithLines (BlockContainer(anonymous)) [8,25 784x68]
 
+        PaintableWithLines (BlockContainer<PRE>#out) [8,109 784x51]
 
           TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,180.6875 784x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,176 784x0]

+ 7 - 7
Tests/LibWeb/Layout/expected/block-and-inline/relpos-inline-elements.txt
مشاهده فایل 

@@ -1,14 +1,14 @@
 
 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 784x17.46875 children: inline
 
-      line 0 width: 98, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-        frag 0 from TextNode start: 0, length: 4, rect: [8,8 35.15625x17.46875]
 
+    BlockContainer <body> at (8,8) content-size 784x17 children: inline
 
+      line 0 width: 98, height: 17, bottom: 17, baseline: 13.296875
 
+        frag 0 from TextNode start: 0, length: 4, rect: [8,8 35.15625x17]
 
           "foo "
 
-        frag 1 from TextNode start: 0, length: 3, rect: [43,33 27.640625x17.46875]
 
+        frag 1 from TextNode start: 0, length: 3, rect: [43,33 27.640625x17]
 
           "bar"
 
-        frag 2 from TextNode start: 0, length: 1, rect: [71,8 8x17.46875]
 
+        frag 2 from TextNode start: 0, length: 1, rect: [71,8 8x17]
 
           " "
 
-        frag 3 from TextNode start: 0, length: 3, rect: [54,58 27.203125x17.46875]
 
+        frag 3 from TextNode start: 0, length: 3, rect: [54,58 27.203125x17]
 
           "baz"
 
       TextNode <#text>
 
       InlineNode <b>
 
@@ -21,7 +21,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875] overflow: [8,8 784x67.46875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17] overflow: [8,8 784x67]
 
       TextPaintable (TextNode<#text>)
 
       InlinePaintable (InlineNode<B>)
 
         TextPaintable (TextNode<#text>)

+ 7 - 7
Tests/LibWeb/Layout/expected/block-and-inline/single-br-inline-layout.txt
مشاهده فایل 

@@ -1,15 +1,15 @@
 
 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 784x21.46875 children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x21 children: not-inline
 
       BlockContainer <div#begin> at (8,8) content-size 784x2 children: not-inline
 
-      BlockContainer <(anonymous)> at (8,10) content-size 784x17.46875 children: inline
 
-        line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
+      BlockContainer <(anonymous)> at (8,10) content-size 784x17 children: inline
 
+        line 0 width: 0, height: 17, bottom: 17, baseline: 13.296875
 
         BreakNode <br>
 
-      BlockContainer <div#end> at (8,27.46875) content-size 784x2 children: not-inline
 
+      BlockContainer <div#end> at (8,27) content-size 784x2 children: not-inline
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x21.46875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x21]
 
       PaintableWithLines (BlockContainer<DIV>#begin) [8,8 784x2]
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,10 784x17.46875]
 
-      PaintableWithLines (BlockContainer<DIV>#end) [8,27.46875 784x2]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,10 784x17]
 
+      PaintableWithLines (BlockContainer<DIV>#end) [8,27 784x2]

+ 8 - 8
Tests/LibWeb/Layout/expected/block-and-inline/small-percentage-margin.txt
مشاهده فایل 

@@ -2,23 +2,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (0,0) content-size 800x208 [BFC] children: not-inline
 
     BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
 
       BlockContainer <div> at (15.828125,8) content-size 376.3125x100 floating [BFC] children: inline
 
-        line 0 width: 27.703125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [15.828125,8 27.703125x17.46875]
 
+        line 0 width: 27.703125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [15.828125,8 27.703125x17]
 
             "abc"
 
         TextNode <#text>
 
       BlockContainer <div> at (407.796875,8) content-size 376.3125x100 floating [BFC] children: inline
 
-        line 0 width: 23.015625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [407.796875,8 23.015625x17.46875]
 
+        line 0 width: 23.015625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [407.796875,8 23.015625x17]
 
             "def"
 
         TextNode <#text>
 
       BlockContainer <div> at (15.828125,108) content-size 376.3125x100 floating [BFC] children: inline
 
-        line 0 width: 21.421875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [15.828125,108 21.421875x17.46875]
 
+        line 0 width: 21.421875, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [15.828125,108 21.421875x17]
 
             "ghi"
 
         TextNode <#text>
 
       BlockContainer <div> at (407.796875,108) content-size 376.3125x100 floating [BFC] children: inline
 
-        line 0 width: 18.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [407.796875,108 18.40625x17.46875]
 
+        line 0 width: 18.40625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [407.796875,108 18.40625x17]
 
             "jkl"
 
         TextNode <#text>

+ 13 - 13
Tests/LibWeb/Layout/expected/block-and-inline/width-auto-margins-set-zero-if-containing-size-smaller.txt
مشاهده فایل 

@@ -1,22 +1,22 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (1,1) content-size 798x0 [BFC] children: not-inline
 
-    BlockContainer <body> at (10,10) content-size 102x57.34375 positioned [BFC] children: not-inline
 
-      BlockContainer <div#container> at (11,11) content-size 100x55.34375 children: not-inline
 
-        BlockContainer <div#child> at (72,12) content-size 50x53.34375 children: inline
 
-          line 0 width: 28.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 4, rect: [72,12 28.40625x17.46875]
 
+    BlockContainer <body> at (10,10) content-size 102x55 positioned [BFC] children: not-inline
 
+      BlockContainer <div#container> at (11,11) content-size 100x53 children: not-inline
 
+        BlockContainer <div#child> at (72,12) content-size 50x51 children: inline
 
+          line 0 width: 28.40625, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 4, rect: [72,12 28.40625x17]
 
               "well"
 
-          line 1 width: 36.84375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-            frag 0 from TextNode start: 5, length: 5, rect: [72,29 36.84375x17.46875]
 
+          line 1 width: 36.84375, height: 17, bottom: 34, baseline: 13.296875
 
+            frag 0 from TextNode start: 5, length: 5, rect: [72,29 36.84375x17]
 
               "hello"
 
-          line 2 width: 55.359375, height: 18.40625, bottom: 53.34375, baseline: 13.53125
 
-            frag 0 from TextNode start: 11, length: 7, rect: [72,46 55.359375x17.46875]
 
+          line 2 width: 55.359375, height: 17, bottom: 51, baseline: 13.296875
 
+            frag 0 from TextNode start: 11, length: 7, rect: [72,46 55.359375x17]
 
               "friends"
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 174x59.34375]
 
-    PaintableWithLines (BlockContainer<BODY>) [9,9 104x59.34375] overflow: [10,10 173x57.34375]
 
-      PaintableWithLines (BlockContainer<DIV>#container) [10,10 102x57.34375] overflow: [11,11 172x55.34375]
 
-        PaintableWithLines (BlockContainer<DIV>#child) [11,11 172x55.34375]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x2] overflow: [9,9 174x57]
 
+    PaintableWithLines (BlockContainer<BODY>) [9,9 104x57] overflow: [10,10 173x55]
 
+      PaintableWithLines (BlockContainer<DIV>#container) [10,10 102x55] overflow: [11,11 172x53]
 
+        PaintableWithLines (BlockContainer<DIV>#child) [11,11 172x53]
 
           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 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x50 children: inline
 
-      line 0 width: 89.71875, height: 50, bottom: 50, baseline: 16.921875
 
-        frag 0 from Box start: 0, length: 0, rect: [28,38 49.71875x0]
 
-      Box <div.button> at (28,38) content-size 49.71875x0 flex-container(row) [FFC] children: not-inline
 
-        BlockContainer <(anonymous)> at (28,27.078125) 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,27.078125 49.71875x21.84375]
 
+  BlockContainer <html> at (0,0) content-size 800x67 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x51 children: inline
 
+      line 0 width: 89.71875, height: 51, bottom: 51, baseline: 17
 
+        frag 0 from Box start: 0, length: 0, rect: [28,39 49.71875x0]
 
+      Box <div.button> at (28,39) content-size 49.71875x0 flex-container(row) [FFC] children: not-inline
 
+        BlockContainer <(anonymous)> at (28,28) content-size 49.71875x22 flex-item [BFC] children: inline
 
+          line 0 width: 49.71875, height: 22, bottom: 22, baseline: 17
 
+            frag 0 from TextNode start: 0, length: 5, rect: [28,28 49.71875x22]
 
               "Hello"
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x66]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x50]
 
-      PaintableBox (Box<DIV>.button) [8,18 89.71875x40]
 
-        PaintableWithLines (BlockContainer(anonymous)) [28,27.078125 49.71875x21.84375]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x67]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x51]
 
+      PaintableBox (Box<DIV>.button) [8,19 89.71875x40]
 
+        PaintableWithLines (BlockContainer(anonymous)) [28,28 49.71875x22]
 
           TextPaintable (TextNode<#text>)

+ 14 - 14
Tests/LibWeb/Layout/expected/br-should-not-generate-pseudo-before.txt
مشاهده فایل 

@@ -1,29 +1,29 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x84.875 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,16) content-size 784x68.875 children: not-inline
 
-      BlockContainer <p> at (8,16) content-size 784x17.46875 children: inline
 
-        line 0 width: 310.625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 1, rect: [8,16 10.625x17.46875]
 
+  BlockContainer <html> at (0,0) content-size 800x83 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,16) content-size 784x67 children: not-inline
 
+      BlockContainer <p> at (8,16) content-size 784x17 children: inline
 
+        line 0 width: 310.625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 1, rect: [8,16 10.625x17]
 
             "+"
 
-          frag 1 from TextNode start: 0, length: 36, rect: [19,16 300x17.46875]
 
+          frag 1 from TextNode start: 0, length: 36, rect: [19,16 300x17]
 
             "P should generate a ::before pseudo."
 
         InlineNode <(anonymous)>
 
           TextNode <#text>
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,49.46875) content-size 784x35.40625 children: inline
 
-        line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-        line 1 width: 120.578125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 14, rect: [8,66.46875 120.578125x17.46875]
 
+      BlockContainer <(anonymous)> at (8,49) content-size 784x34 children: inline
 
+        line 0 width: 0, height: 17, bottom: 17, baseline: 13.296875
 
+        line 1 width: 120.578125, height: 17, bottom: 34, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 14, rect: [8,66 120.578125x17]
 
             "BR should not!"
 
         BreakNode <br>
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x84.875]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,16 784x68.875]
 
-      PaintableWithLines (BlockContainer<P>) [8,16 784x17.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x83]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,16 784x67]
 
+      PaintableWithLines (BlockContainer<P>) [8,16 784x17]
 
         InlinePaintable (InlineNode(anonymous))
 
           TextPaintable (TextNode<#text>)
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,49.46875 784x35.40625]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,49 784x34]
 
         TextPaintable (TextNode<#text>)

+ 8 - 8
Tests/LibWeb/Layout/expected/calc-font-size-with-percentages.txt
مشاهده فایل 

@@ -1,17 +1,17 @@
 
 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 784x105.21875 children: not-inline
 
-      BlockContainer <div.test> at (8,8) content-size 784x105.21875 children: inline
 
-        line 0 width: 500.8125, height: 52.40625, bottom: 52.40625, baseline: 40.59375
 
-          frag 0 from TextNode start: 0, length: 20, rect: [8,8 500.8125x52.40625]
 
+    BlockContainer <body> at (8,8) content-size 784x104 children: not-inline
 
+      BlockContainer <div.test> at (8,8) content-size 784x104 children: inline
 
+        line 0 width: 500.8125, height: 52, bottom: 52, baseline: 40.390625
 
+          frag 0 from TextNode start: 0, length: 20, rect: [8,8 500.8125x52]
 
             "i resolved enough of"
 
-        line 1 width: 406.40625, height: 52.8125, bottom: 105.21875, baseline: 40.59375
 
-          frag 0 from TextNode start: 21, length: 16, rect: [8,60 406.40625x52.40625]
 
+        line 1 width: 406.40625, height: 52, bottom: 104, baseline: 40.390625
 
+          frag 0 from TextNode start: 21, length: 16, rect: [8,60 406.40625x52]
 
             "percentages, no?"
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x105.21875]
 
-      PaintableWithLines (BlockContainer<DIV>.test) [8,8 784x105.21875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x104]
 
+      PaintableWithLines (BlockContainer<DIV>.test) [8,8 784x104]
 
         TextPaintable (TextNode<#text>)

+ 18 - 18
Tests/LibWeb/Layout/expected/calc-with-fr.txt
مشاهده فایل 

@@ -1,30 +1,30 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x68.40625 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x52.40625 children: not-inline
 
-      Box <div.container> at (8,8) content-size 784x52.40625 [GFC] children: not-inline
 
-        BlockContainer <div> at (8,8) content-size 784x17.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: [8,8 6.34375x17.46875]
 
+  BlockContainer <html> at (0,0) content-size 800x67 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x51 children: not-inline
 
+      Box <div.container> at (8,8) content-size 784x51 [GFC] children: not-inline
 
+        BlockContainer <div> at (8,8) content-size 784x17 [BFC] children: inline
 
+          line 0 width: 6.34375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 1, rect: [8,8 6.34375x17]
 
               "1"
 
           TextNode <#text>
 
-        BlockContainer <div> at (8,25.46875) content-size 784x17.46875 [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: [8,25.46875 8.8125x17.46875]
 
+        BlockContainer <div> at (8,25) content-size 784x17 [BFC] children: inline
 
+          line 0 width: 8.8125, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 1, rect: [8,25 8.8125x17]
 
               "2"
 
           TextNode <#text>
 
-        BlockContainer <div> at (8,42.9375) content-size 784x17.46875 [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: [8,42.9375 9.09375x17.46875]
 
+        BlockContainer <div> at (8,42) content-size 784x17 [BFC] children: inline
 
+          line 0 width: 9.09375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 1, rect: [8,42 9.09375x17]
 
               "3"
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x68.40625]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x52.40625]
 
-      PaintableBox (Box<DIV>.container) [8,8 784x52.40625]
 
-        PaintableWithLines (BlockContainer<DIV>) [8,8 784x17.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x67]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x51]
 
+      PaintableBox (Box<DIV>.container) [8,8 784x51]
 
+        PaintableWithLines (BlockContainer<DIV>) [8,8 784x17]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<DIV>) [8,25.46875 784x17.46875]
 
+        PaintableWithLines (BlockContainer<DIV>) [8,25 784x17]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer<DIV>) [8,42.9375 784x17.46875]
 
+        PaintableWithLines (BlockContainer<DIV>) [8,42 784x17]
 
           TextPaintable (TextNode<#text>)

+ 3 - 3
Tests/LibWeb/Layout/expected/css-all-unset.txt
مشاهده فایل 

@@ -1,8 +1,8 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: inline
 
-  line 0 width: 238.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-    frag 0 from TextNode start: 1, length: 18, rect: [0,0 134.984375x17.46875]
 
+  line 0 width: 238.125, height: 17, bottom: 17, baseline: 13.296875
 
+    frag 0 from TextNode start: 1, length: 18, rect: [0,0 134.984375x17]
 
       "* { all: unset; } "
 
-    frag 1 from TextNode start: 0, length: 13, rect: [135,0 103.140625x17.46875]
 
+    frag 1 from TextNode start: 0, length: 13, rect: [135,0 103.140625x17]
 
       "Hello friends"
 
   InlineNode <html>
 
     InlineNode <head>

+ 32 - 32
Tests/LibWeb/Layout/expected/css-dir-selector.txt
مشاهده فایل 

@@ -2,81 +2,81 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
   BlockContainer <html> at (100,0) content-size 700x832 [BFC] children: not-inline
 
     BlockContainer <body> at (200,8) content-size 592x816 children: not-inline
 
       BlockContainer <div> at (301,9) content-size 100x100 children: inline
 
-        line 0 width: 79.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 11, rect: [301,9 79.96875x17.46875]
 
+        line 0 width: 79.96875, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 11, rect: [301,9 79.96875x17]
 
             "Well, hello"
 
-        line 1 width: 59.21875, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-          frag 0 from TextNode start: 12, length: 8, rect: [301,26 59.21875x17.46875]
 
+        line 1 width: 59.21875, height: 17, bottom: 34, baseline: 13.296875
 
+          frag 0 from TextNode start: 12, length: 8, rect: [301,26 59.21875x17]
 
             "friends!"
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> at (200,110) content-size 592x0 children: inline
 
         TextNode <#text>
 
       BlockContainer <div> at (301,111) content-size 100x100 children: inline
 
-        line 0 width: 79.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 11, rect: [301,111 79.96875x17.46875]
 
+        line 0 width: 79.96875, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 11, rect: [301,111 79.96875x17]
 
             "Well, hello"
 
-        line 1 width: 59.21875, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-          frag 0 from TextNode start: 12, length: 8, rect: [301,128 59.21875x17.46875]
 
+        line 1 width: 59.21875, height: 17, bottom: 34, baseline: 13.296875
 
+          frag 0 from TextNode start: 12, length: 8, rect: [301,128 59.21875x17]
 
             "friends!"
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> at (200,212) content-size 592x0 children: inline
 
         TextNode <#text>
 
       BlockContainer <div> at (401,213) content-size 100x100 children: inline
 
-        line 0 width: 79.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 11, rect: [401,213 79.96875x17.46875]
 
+        line 0 width: 79.96875, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 11, rect: [401,213 79.96875x17]
 
             "Well, hello"
 
-        line 1 width: 59.21875, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-          frag 0 from TextNode start: 12, length: 8, rect: [401,230 59.21875x17.46875]
 
+        line 1 width: 59.21875, height: 17, bottom: 34, baseline: 13.296875
 
+          frag 0 from TextNode start: 12, length: 8, rect: [401,230 59.21875x17]
 
             "friends!"
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> at (200,314) content-size 592x0 children: inline
 
         TextNode <#text>
 
       BlockContainer <div> at (301,315) content-size 100x100 children: inline
 
-        line 0 width: 79.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 11, rect: [301,315 79.96875x17.46875]
 
+        line 0 width: 79.96875, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 11, rect: [301,315 79.96875x17]
 
             "Well, hello"
 
-        line 1 width: 59.21875, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-          frag 0 from TextNode start: 12, length: 8, rect: [301,332 59.21875x17.46875]
 
+        line 1 width: 59.21875, height: 17, bottom: 34, baseline: 13.296875
 
+          frag 0 from TextNode start: 12, length: 8, rect: [301,332 59.21875x17]
 
             "friends!"
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> at (200,416) content-size 592x0 children: inline
 
         TextNode <#text>
 
       BlockContainer <div> at (301,417) content-size 100x100 children: inline
 
-        line 0 width: 86.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 26, rect: [301,417 86.125x17.46875]
 
+        line 0 width: 86.125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 26, rect: [301,417 86.125x17]
 
             "حسنًا ، مرحباً"
 
-        line 1 width: 78.125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-          frag 0 from TextNode start: 27, length: 25, rect: [301,434 78.125x17.46875]
 
+        line 1 width: 78.125, height: 17, bottom: 34, baseline: 13.296875
 
+          frag 0 from TextNode start: 27, length: 25, rect: [301,434 78.125x17]
 
             "أيها الأصدقاء"
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> at (200,518) content-size 592x0 children: inline
 
         TextNode <#text>
 
       BlockContainer <div> at (301,519) content-size 100x100 children: inline
 
-        line 0 width: 86.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 26, rect: [301,519 86.125x17.46875]
 
+        line 0 width: 86.125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 26, rect: [301,519 86.125x17]
 
             "حسنًا ، مرحباً"
 
-        line 1 width: 78.125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-          frag 0 from TextNode start: 27, length: 25, rect: [301,536 78.125x17.46875]
 
+        line 1 width: 78.125, height: 17, bottom: 34, baseline: 13.296875
 
+          frag 0 from TextNode start: 27, length: 25, rect: [301,536 78.125x17]
 
             "أيها الأصدقاء"
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> at (200,620) content-size 592x0 children: inline
 
         TextNode <#text>
 
       BlockContainer <div> at (401,621) content-size 100x100 children: inline
 
-        line 0 width: 86.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 26, rect: [401,621 86.125x17.46875]
 
+        line 0 width: 86.125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 26, rect: [401,621 86.125x17]
 
             "حسنًا ، مرحباً"
 
-        line 1 width: 78.125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-          frag 0 from TextNode start: 27, length: 25, rect: [401,638 78.125x17.46875]
 
+        line 1 width: 78.125, height: 17, bottom: 34, baseline: 13.296875
 
+          frag 0 from TextNode start: 27, length: 25, rect: [401,638 78.125x17]
 
             "أيها الأصدقاء"
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> at (200,722) content-size 592x0 children: inline
 
         TextNode <#text>
 
       BlockContainer <div> at (401,723) content-size 100x100 children: inline
 
-        line 0 width: 86.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 26, rect: [401,723 86.125x17.46875]
 
+        line 0 width: 86.125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 26, rect: [401,723 86.125x17]
 
             "حسنًا ، مرحباً"
 
-        line 1 width: 78.125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
 
-          frag 0 from TextNode start: 27, length: 25, rect: [401,740 78.125x17.46875]
 
+        line 1 width: 78.125, height: 17, bottom: 34, baseline: 13.296875
 
+          frag 0 from TextNode start: 27, length: 25, rect: [401,740 78.125x17]
 
             "أيها الأصدقاء"
 
         TextNode <#text>
 
       BlockContainer <(anonymous)> at (200,824) content-size 592x0 children: inline

+ 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.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]
 
+  BlockContainer <html> at (0,0) content-size 800x125 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x109 children: inline
 
+      line 0 width: 644.625, height: 109, bottom: 109, baseline: 84.484375
 
+        frag 0 from TextNode start: 0, length: 13, rect: [8,8 644.625x109]
 
           "Hello friends"
 
       TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x125.1875]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x109.1875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x125]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x109]
 
       TextPaintable (TextNode<#text>)

+ 8 - 8
Tests/LibWeb/Layout/expected/css-font-size-math.txt
مشاهده فایل 

@@ -1,16 +1,16 @@
 
 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 784x78.609375 children: inline
 
-      line 0 width: 78.9375, height: 78.609375, bottom: 78.609375, baseline: 60.890625
 
-        frag 0 from TextNode start: 0, length: 1, rect: [8,25 39.09375x55.8125]
 
+    BlockContainer <body> at (8,8) content-size 784x79 children: inline
 
+      line 0 width: 78.9375, height: 79, bottom: 79, baseline: 61.09375
 
+        frag 0 from TextNode start: 0, length: 1, rect: [8,25 39.09375x56]
 
           "H"
 
-        frag 1 from TextNode start: 0, length: 1, rect: [47,38 19.78125x39.625]
 
+        frag 1 from TextNode start: 0, length: 1, rect: [47,38 19.78125x40]
 
           "e"
 
-        frag 2 from TextNode start: 0, length: 1, rect: [67,47 6.8125x28.125]
 
+        frag 2 from TextNode start: 0, length: 1, rect: [67,47 6.8125x28]
 
           "l"
 
-        frag 3 from TextNode start: 0, length: 1, rect: [74,53 4.84375x19.96875]
 
+        frag 3 from TextNode start: 0, length: 1, rect: [74,53 4.84375x20]
 
           "l"
 
-        frag 4 from TextNode start: 0, length: 1, rect: [79,57 8.40625x14.171875]
 
+        frag 4 from TextNode start: 0, length: 1, rect: [79,58 8.40625x14]
 
           "o"
 
       InlineNode <span>
 
         TextNode <#text>
 
@@ -26,7 +26,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x78.609375]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x79]
 
       InlinePaintable (InlineNode<SPAN>)
 
         TextPaintable (TextNode<#text>)
 
         InlinePaintable (InlineNode<SPAN>)

+ 2 - 2
Tests/LibWeb/Layout/expected/css-host-selector-gets-parsed.txt
مشاهده فایل 

@@ -2,8 +2,8 @@ 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 784x100 children: not-inline
 
       BlockContainer <div> at (8,8) content-size 100x100 children: inline
 
-        line 0 width: 26.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [8,8 26.953125x17.46875]
 
+        line 0 width: 26.953125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [8,8 26.953125x17]
 
             "whf"
 
         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.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]
 
+    BlockContainer <body> at (8,8) content-size 784x55 children: inline
 
+      line 0 width: 137.640625, height: 55, bottom: 55, baseline: 42.484375
 
+        frag 0 from TextNode start: 0, length: 5, rect: [8,8 137.640625x55]
 
           "Crazy"
 
       TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x54.59375]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x55]
 
       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.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]
 
+    BlockContainer <body> at (8,8) content-size 784x109 children: inline
 
+      line 0 width: 275.296875, height: 109, bottom: 109, baseline: 84.484375
 
+        frag 0 from TextNode start: 0, length: 5, rect: [8,8 275.296875x109]
 
           "Crazy"
 
       TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x109.1875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x109]
 
       TextPaintable (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.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]
 
+    BlockContainer <body> at (8,20) content-size 784x22 children: not-inline
 
+      BlockContainer <p> at (8,20) content-size 784x22 children: inline
 
+        line 0 width: 183.890625, height: 22, bottom: 22, baseline: 17
 
+          frag 0 from TextNode start: 0, length: 15, rect: [18,20 163.890625x22]
 
             "Should be green"
 
         TextNode <#text>
 
         InlineNode <a>
 
           TextNode <#text>
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,61.84375) content-size 784x0 children: inline
 
+      BlockContainer <(anonymous)> at (8,62) content-size 784x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,20 784x21.84375] overflow: [8,20 784x41.84375]
 
-      PaintableWithLines (BlockContainer<P>) [8,20 784x21.84375]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,20 784x22] overflow: [8,20 784x42]
 
+      PaintableWithLines (BlockContainer<P>) [8,20 784x22]
 
         InlinePaintable (InlineNode<A>)
 
           TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,61.84375 784x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,62 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.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]
 
+    BlockContainer <body> at (8,20) content-size 784x22 children: not-inline
 
+      BlockContainer <p> at (8,20) content-size 784x22 children: inline
 
+        line 0 width: 151.34375, height: 22, bottom: 22, baseline: 17
 
+          frag 0 from TextNode start: 0, length: 13, rect: [13,20 141.34375x22]
 
             "Should be red"
 
         TextNode <#text>
 
         InlineNode <a>
 
           TextNode <#text>
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,61.84375) content-size 784x0 children: inline
 
+      BlockContainer <(anonymous)> at (8,62) content-size 784x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,20 784x21.84375] overflow: [8,20 784x41.84375]
 
-      PaintableWithLines (BlockContainer<P>) [8,20 784x21.84375]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,20 784x22] overflow: [8,20 784x42]
 
+      PaintableWithLines (BlockContainer<P>) [8,20 784x22]
 
         InlinePaintable (InlineNode<A>)
 
           TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,61.84375 784x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,62 784x0]

+ 12 - 12
Tests/LibWeb/Layout/expected/css-namespace-tag-name-selector.txt
مشاهده فایل 

@@ -1,10 +1,10 @@
 
 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 784x201.125 children: not-inline
 
-      BlockContainer <(anonymous)> at (8,8) content-size 784x155.46875 children: inline
 
-        line 0 width: 312, height: 155.46875, bottom: 155.46875, baseline: 152
 
+    BlockContainer <body> at (8,8) content-size 784x201 children: not-inline
 
+      BlockContainer <(anonymous)> at (8,8) content-size 784x155 children: inline
 
+        line 0 width: 312, height: 155, bottom: 155, baseline: 152
 
           frag 0 from SVGSVGBox start: 0, length: 0, rect: [9,9 300x150]
 
-          frag 1 from TextNode start: 0, length: 1, rect: [310,146 8x17.46875]
 
+          frag 1 from TextNode start: 0, length: 1, rect: [310,146 8x17]
 
             " "
 
           frag 2 from Box start: 0, length: 0, rect: [319,51 0x108]
 
         SVGSVGBox <svg> at (9,9) content-size 300x150 [SVG] children: inline
 
@@ -16,24 +16,24 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
           Box <a> at (8,8) content-size 100x100 children: inline
 
             TextNode <#text>
 
         TextNode <#text>
 
-      BlockContainer <div> at (9,164.46875) content-size 782x43.65625 children: inline
 
-        line 0 width: 101.453125, height: 43.65625, bottom: 43.65625, baseline: 33.828125
 
-          frag 0 from TextNode start: 0, length: 5, rect: [10,164.46875 99.453125x43.671875]
 
+      BlockContainer <div> at (9,164) content-size 782x44 children: inline
 
+        line 0 width: 101.453125, height: 44, bottom: 44, baseline: 34
 
+          frag 0 from TextNode start: 0, length: 5, rect: [10,164 99.453125x44]
 
             "Hello"
 
         InlineNode <a>
 
           TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,209.125) content-size 784x0 children: inline
 
+      BlockContainer <(anonymous)> at (8,209) content-size 784x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x201.125]
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x155.46875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x201]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,8 784x155]
 
         SVGSVGPaintable (SVGSVGBox<svg>) [8,8 302x152]
 
         TextPaintable (TextNode<#text>)
 
         PaintableBox (Box<math>) [318,50 2x110] overflow: [8,8 100x100]
 
           PaintableBox (Box<a>) [8,8 100x100]
 
-      PaintableWithLines (BlockContainer<DIV>) [8,163.46875 784x45.65625] overflow: [9,164.46875 782x43.671875]
 
+      PaintableWithLines (BlockContainer<DIV>) [8,163 784x46]
 
         InlinePaintable (InlineNode<A>)
 
           TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,209.125 784x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,209 784x0]

+ 16 - 16
Tests/LibWeb/Layout/expected/css-pseudo-element-blockification.txt
مشاهده فایل 

@@ -1,30 +1,30 @@
 
 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 784x17.46875 children: not-inline
 
-      Box <div.foo> at (8,8) content-size 784x17.46875 flex-container(row) [FFC] children: not-inline
 
-        BlockContainer <(anonymous)> at (8,8) content-size 28.40625x17.46875 flex-item [BFC] children: inline
 
-          line 0 width: 28.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-            frag 0 from TextNode start: 0, length: 4, rect: [8,8 28.40625x17.46875]
 
+    BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
 
+      Box <div.foo> at (8,8) content-size 784x17 flex-container(row) [FFC] children: not-inline
 
+        BlockContainer <(anonymous)> at (8,8) content-size 28.40625x17 flex-item [BFC] children: inline
 
+          line 0 width: 28.40625, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 4, rect: [8,8 28.40625x17]
 
               "well"
 
           TextNode <#text>
 
-        BlockContainer <(anonymous)> at (46,8) content-size 36.84375x17.46875 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: [46,8 36.84375x17.46875]
 
+        BlockContainer <(anonymous)> at (46,8) content-size 36.84375x17 flex-item [BFC] children: inline
 
+          line 0 width: 36.84375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 5, rect: [46,8 36.84375x17]
 
               "hello"
 
           TextNode <#text>
 
-        BlockContainer <(anonymous)> at (92.4375,8) content-size 55.359375x17.46875 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: [92.4375,8 55.359375x17.46875]
 
+        BlockContainer <(anonymous)> at (92.4375,8) content-size 55.359375x17 flex-item [BFC] children: inline
 
+          line 0 width: 55.359375, height: 17, bottom: 17, baseline: 13.296875
 
+            frag 0 from TextNode start: 0, length: 7, rect: [92.4375,8 55.359375x17]
 
               "friends"
 
           TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
 
-      PaintableBox (Box<DIV>.foo) [8,8 784x17.46875]
 
-        PaintableWithLines (BlockContainer(anonymous)) [8,8 28.40625x17.46875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
 
+      PaintableBox (Box<DIV>.foo) [8,8 784x17]
 
+        PaintableWithLines (BlockContainer(anonymous)) [8,8 28.40625x17]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer(anonymous)) [46,8 36.84375x17.46875]
 
+        PaintableWithLines (BlockContainer(anonymous)) [46,8 36.84375x17]
 
           TextPaintable (TextNode<#text>)
 
-        PaintableWithLines (BlockContainer(anonymous)) [92.4375,8 55.359375x17.46875]
 
+        PaintableWithLines (BlockContainer(anonymous)) [92.4375,8 55.359375x17]
 
           TextPaintable (TextNode<#text>)

+ 66 - 66
Tests/LibWeb/Layout/expected/css-quotes-nesting.txt
مشاهده فایل 

@@ -1,25 +1,25 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x68.40625 [BFC] children: not-inline
 
-    BlockContainer <body> at (8,8) content-size 784x52.40625 children: not-inline
 
-      BlockContainer <div.a> at (8,8) content-size 784x17.46875 children: inline
 
-        line 0 width: 72.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17.46875]
 
+  BlockContainer <html> at (0,0) content-size 800x67 [BFC] children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x51 children: not-inline
 
+      BlockContainer <div.a> at (8,8) content-size 784x17 children: inline
 
+        line 0 width: 72.140625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17]
 
             "a"
 
-          frag 1 from TextNode start: 0, length: 1, rect: [17,8 9.46875x17.46875]
 
+          frag 1 from TextNode start: 0, length: 1, rect: [17,8 9.46875x17]
 
             "b"
 
-          frag 2 from TextNode start: 0, length: 1, rect: [27,8 8.890625x17.46875]
 
+          frag 2 from TextNode start: 0, length: 1, rect: [27,8 8.890625x17]
 
             "c"
 
-          frag 3 from TextNode start: 0, length: 1, rect: [36,8 7.859375x17.46875]
 
+          frag 3 from TextNode start: 0, length: 1, rect: [36,8 7.859375x17]
 
             "d"
 
-          frag 4 from TextNode start: 0, length: 1, rect: [44,8 8.71875x17.46875]
 
+          frag 4 from TextNode start: 0, length: 1, rect: [44,8 8.71875x17]
 
             "e"
 
-          frag 5 from TextNode start: 0, length: 1, rect: [52,8 6.4375x17.46875]
 
+          frag 5 from TextNode start: 0, length: 1, rect: [52,8 6.4375x17]
 
             "f"
 
-          frag 6 from TextNode start: 0, length: 1, rect: [59,8 7.5625x17.46875]
 
+          frag 6 from TextNode start: 0, length: 1, rect: [59,8 7.5625x17]
 
             "g"
 
-          frag 7 from TextNode start: 0, length: 1, rect: [66,8 9.296875x17.46875]
 
+          frag 7 from TextNode start: 0, length: 1, rect: [66,8 9.296875x17]
 
             "h"
 
-          frag 8 from TextNode start: 0, length: 1, rect: [76,8 4.5625x17.46875]
 
+          frag 8 from TextNode start: 0, length: 1, rect: [76,8 4.5625x17]
 
             "i"
 
         InlineNode <span>
 
           InlineNode <(anonymous)>
 
@@ -55,47 +55,47 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
           TextNode <#text>
 
           InlineNode <(anonymous)>
 
             TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,25.46875) content-size 784x0 children: inline
 
+      BlockContainer <(anonymous)> at (8,25) content-size 784x0 children: inline
 
         TextNode <#text>
 
-      BlockContainer <div.b> at (8,25.46875) content-size 784x17.46875 children: inline
 
-        line 0 width: 130.578125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 3, rect: [8,25.46875 5.84375x17.46875]
 
+      BlockContainer <div.b> at (8,25) content-size 784x17 children: inline
 
+        line 0 width: 130.578125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 3, rect: [8,25 5.84375x17]
 
             "“"
 
-          frag 1 from TextNode start: 0, length: 1, rect: [14,25.46875 9.34375x17.46875]
 
+          frag 1 from TextNode start: 0, length: 1, rect: [14,25 9.34375x17]
 
             "a"
 
-          frag 2 from TextNode start: 0, length: 3, rect: [23,25.46875 5.84375x17.46875]
 
+          frag 2 from TextNode start: 0, length: 3, rect: [23,25 5.84375x17]
 
             "‘"
 
-          frag 3 from TextNode start: 0, length: 1, rect: [29,25.46875 9.46875x17.46875]
 
+          frag 3 from TextNode start: 0, length: 1, rect: [29,25 9.46875x17]
 
             "b"
 
-          frag 4 from TextNode start: 0, length: 3, rect: [39,25.46875 5.84375x17.46875]
 
+          frag 4 from TextNode start: 0, length: 3, rect: [39,25 5.84375x17]
 
             "‘"
 
-          frag 5 from TextNode start: 0, length: 1, rect: [44,25.46875 8.890625x17.46875]
 
+          frag 5 from TextNode start: 0, length: 1, rect: [44,25 8.890625x17]
 
             "c"
 
-          frag 6 from TextNode start: 0, length: 3, rect: [53,25.46875 5.84375x17.46875]
 
+          frag 6 from TextNode start: 0, length: 3, rect: [53,25 5.84375x17]
 
             "‘"
 
-          frag 7 from TextNode start: 0, length: 1, rect: [59,25.46875 7.859375x17.46875]
 
+          frag 7 from TextNode start: 0, length: 1, rect: [59,25 7.859375x17]
 
             "d"
 
-          frag 8 from TextNode start: 0, length: 3, rect: [67,25.46875 5.84375x17.46875]
 
+          frag 8 from TextNode start: 0, length: 3, rect: [67,25 5.84375x17]
 
             "‘"
 
-          frag 9 from TextNode start: 0, length: 1, rect: [73,25.46875 8.71875x17.46875]
 
+          frag 9 from TextNode start: 0, length: 1, rect: [73,25 8.71875x17]
 
             "e"
 
-          frag 10 from TextNode start: 0, length: 3, rect: [82,25.46875 5.84375x17.46875]
 
+          frag 10 from TextNode start: 0, length: 3, rect: [82,25 5.84375x17]
 
             "’"
 
-          frag 11 from TextNode start: 0, length: 1, rect: [87,25.46875 6.4375x17.46875]
 
+          frag 11 from TextNode start: 0, length: 1, rect: [87,25 6.4375x17]
 
             "f"
 
-          frag 12 from TextNode start: 0, length: 3, rect: [94,25.46875 5.84375x17.46875]
 
+          frag 12 from TextNode start: 0, length: 3, rect: [94,25 5.84375x17]
 
             "’"
 
-          frag 13 from TextNode start: 0, length: 1, rect: [100,25.46875 7.5625x17.46875]
 
+          frag 13 from TextNode start: 0, length: 1, rect: [100,25 7.5625x17]
 
             "g"
 
-          frag 14 from TextNode start: 0, length: 3, rect: [107,25.46875 5.84375x17.46875]
 
+          frag 14 from TextNode start: 0, length: 3, rect: [107,25 5.84375x17]
 
             "’"
 
-          frag 15 from TextNode start: 0, length: 1, rect: [113,25.46875 9.296875x17.46875]
 
+          frag 15 from TextNode start: 0, length: 1, rect: [113,25 9.296875x17]
 
             "h"
 
-          frag 16 from TextNode start: 0, length: 3, rect: [122,25.46875 5.84375x17.46875]
 
+          frag 16 from TextNode start: 0, length: 3, rect: [122,25 5.84375x17]
 
             "’"
 
-          frag 17 from TextNode start: 0, length: 1, rect: [128,25.46875 4.5625x17.46875]
 
+          frag 17 from TextNode start: 0, length: 1, rect: [128,25 4.5625x17]
 
             "i"
 
-          frag 18 from TextNode start: 0, length: 3, rect: [133,25.46875 5.84375x17.46875]
 
+          frag 18 from TextNode start: 0, length: 3, rect: [133,25 5.84375x17]
 
             "”"
 
         InlineNode <span>
 
           InlineNode <(anonymous)>
 
@@ -131,47 +131,47 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
           TextNode <#text>
 
           InlineNode <(anonymous)>
 
             TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,42.9375) content-size 784x0 children: inline
 
+      BlockContainer <(anonymous)> at (8,42) content-size 784x0 children: inline
 
         TextNode <#text>
 
-      BlockContainer <div.c> at (8,42.9375) content-size 784x17.46875 children: inline
 
-        line 0 width: 140.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 1, rect: [8,42.9375 5.484375x17.46875]
 
+      BlockContainer <div.c> at (8,42) content-size 784x17 children: inline
 
+        line 0 width: 140.234375, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 1, rect: [8,42 5.484375x17]
 
             "("
 
-          frag 1 from TextNode start: 0, length: 1, rect: [13,42.9375 9.34375x17.46875]
 
+          frag 1 from TextNode start: 0, length: 1, rect: [13,42 9.34375x17]
 
             "a"
 
-          frag 2 from TextNode start: 0, length: 1, rect: [23,42.9375 7.625x17.46875]
 
+          frag 2 from TextNode start: 0, length: 1, rect: [23,42 7.625x17]
 
             "{"
 
-          frag 3 from TextNode start: 0, length: 1, rect: [30,42.9375 9.46875x17.46875]
 
+          frag 3 from TextNode start: 0, length: 1, rect: [30,42 9.46875x17]
 
             "b"
 
-          frag 4 from TextNode start: 0, length: 1, rect: [40,42.9375 6.953125x17.46875]
 
+          frag 4 from TextNode start: 0, length: 1, rect: [40,42 6.953125x17]
 
             "["
 
-          frag 5 from TextNode start: 0, length: 1, rect: [47,42.9375 8.890625x17.46875]
 
+          frag 5 from TextNode start: 0, length: 1, rect: [47,42 8.890625x17]
 
             "c"
 
-          frag 6 from TextNode start: 0, length: 1, rect: [56,42.9375 6.953125x17.46875]
 
+          frag 6 from TextNode start: 0, length: 1, rect: [56,42 6.953125x17]
 
             "["
 
-          frag 7 from TextNode start: 0, length: 1, rect: [63,42.9375 7.859375x17.46875]
 
+          frag 7 from TextNode start: 0, length: 1, rect: [63,42 7.859375x17]
 
             "d"
 
-          frag 8 from TextNode start: 0, length: 1, rect: [71,42.9375 6.953125x17.46875]
 
+          frag 8 from TextNode start: 0, length: 1, rect: [71,42 6.953125x17]
 
             "["
 
-          frag 9 from TextNode start: 0, length: 1, rect: [78,42.9375 8.71875x17.46875]
 
+          frag 9 from TextNode start: 0, length: 1, rect: [78,42 8.71875x17]
 
             "e"
 
-          frag 10 from TextNode start: 0, length: 1, rect: [86,42.9375 7.21875x17.46875]
 
+          frag 10 from TextNode start: 0, length: 1, rect: [86,42 7.21875x17]
 
             "]"
 
-          frag 11 from TextNode start: 0, length: 1, rect: [93,42.9375 6.4375x17.46875]
 
+          frag 11 from TextNode start: 0, length: 1, rect: [93,42 6.4375x17]
 
             "f"
 
-          frag 12 from TextNode start: 0, length: 1, rect: [100,42.9375 7.21875x17.46875]
 
+          frag 12 from TextNode start: 0, length: 1, rect: [100,42 7.21875x17]
 
             "]"
 
-          frag 13 from TextNode start: 0, length: 1, rect: [107,42.9375 7.5625x17.46875]
 
+          frag 13 from TextNode start: 0, length: 1, rect: [107,42 7.5625x17]
 
             "g"
 
-          frag 14 from TextNode start: 0, length: 1, rect: [115,42.9375 7.21875x17.46875]
 
+          frag 14 from TextNode start: 0, length: 1, rect: [115,42 7.21875x17]
 
             "]"
 
-          frag 15 from TextNode start: 0, length: 1, rect: [122,42.9375 9.296875x17.46875]
 
+          frag 15 from TextNode start: 0, length: 1, rect: [122,42 9.296875x17]
 
             "h"
 
-          frag 16 from TextNode start: 0, length: 1, rect: [131,42.9375 7.65625x17.46875]
 
+          frag 16 from TextNode start: 0, length: 1, rect: [131,42 7.65625x17]
 
             "}"
 
-          frag 17 from TextNode start: 0, length: 1, rect: [139,42.9375 4.5625x17.46875]
 
+          frag 17 from TextNode start: 0, length: 1, rect: [139,42 4.5625x17]
 
             "i"
 
-          frag 18 from TextNode start: 0, length: 1, rect: [143,42.9375 4.8125x17.46875]
 
+          frag 18 from TextNode start: 0, length: 1, rect: [143,42 4.8125x17]
 
             ")"
 
         InlineNode <span>
 
           InlineNode <(anonymous)>
 
@@ -207,13 +207,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
           TextNode <#text>
 
           InlineNode <(anonymous)>
 
             TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,60.40625) content-size 784x0 children: inline
 
+      BlockContainer <(anonymous)> at (8,59) content-size 784x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x68.40625]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x52.40625]
 
-      PaintableWithLines (BlockContainer<DIV>.a) [8,8 784x17.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x67]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x51]
 
+      PaintableWithLines (BlockContainer<DIV>.a) [8,8 784x17]
 
         InlinePaintable (InlineNode<SPAN>)
 
           InlinePaintable (InlineNode(anonymous))
 
           TextPaintable (TextNode<#text>)
 
@@ -238,8 +238,8 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
             InlinePaintable (InlineNode(anonymous))
 
           TextPaintable (TextNode<#text>)
 
           InlinePaintable (InlineNode(anonymous))
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x0]
 
-      PaintableWithLines (BlockContainer<DIV>.b) [8,25.46875 784x17.46875]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,25 784x0]
 
+      PaintableWithLines (BlockContainer<DIV>.b) [8,25 784x17]
 
         InlinePaintable (InlineNode<SPAN>)
 
           InlinePaintable (InlineNode(anonymous))
 
             TextPaintable (TextNode<#text>)
 
@@ -274,8 +274,8 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
           TextPaintable (TextNode<#text>)
 
           InlinePaintable (InlineNode(anonymous))
 
             TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 784x0]
 
-      PaintableWithLines (BlockContainer<DIV>.c) [8,42.9375 784x17.46875]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]
 
+      PaintableWithLines (BlockContainer<DIV>.c) [8,42 784x17]
 
         InlinePaintable (InlineNode<SPAN>)
 
           InlinePaintable (InlineNode(anonymous))
 
             TextPaintable (TextNode<#text>)
 
@@ -310,4 +310,4 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
           TextPaintable (TextNode<#text>)
 
           InlinePaintable (InlineNode(anonymous))
 
             TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,60.40625 784x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,59 784x0]

+ 6 - 6
Tests/LibWeb/Layout/expected/css-revert.txt
مشاهده فایل 

@@ -1,12 +1,12 @@
 
 Viewport <#document> at (0,0) content-size 800x600 children: not-inline
 
-  BlockContainer <html> at (0,0) content-size 800x17.46875 [BFC] children: not-inline
 
-    BlockContainer <body> at (0,0) content-size 800x17.46875 children: inline
 
-      line 0 width: 103.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-        frag 0 from TextNode start: 0, length: 13, rect: [0,0 103.140625x17.46875]
 
+  BlockContainer <html> at (0,0) content-size 800x17 [BFC] children: not-inline
 
+    BlockContainer <body> at (0,0) content-size 800x17 children: inline
 
+      line 0 width: 103.140625, height: 17, bottom: 17, baseline: 13.296875
 
+        frag 0 from TextNode start: 0, length: 13, rect: [0,0 103.140625x17]
 
           "Hello friends"
 
       TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
-  PaintableWithLines (BlockContainer<HTML>) [0,0 800x17.46875]
 
-    PaintableWithLines (BlockContainer<BODY>) [0,0 800x17.46875]
 
+  PaintableWithLines (BlockContainer<HTML>) [0,0 800x17]
 
+    PaintableWithLines (BlockContainer<BODY>) [0,0 800x17]
 
       TextPaintable (TextNode<#text>)

+ 8 - 8
Tests/LibWeb/Layout/expected/css-text-transform-math-auto.txt
مشاهده فایل 

@@ -1,17 +1,17 @@
 
 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,16) content-size 784x17.46875 children: not-inline
 
-      BlockContainer <p> at (8,16) content-size 784x17.46875 children: inline
 
-        line 0 width: 118.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 67, rect: [8,16 118.40625x17.46875]
 
+    BlockContainer <body> at (8,16) content-size 784x17 children: not-inline
 
+      BlockContainer <p> at (8,16) content-size 784x17 children: inline
 
+        line 0 width: 118.40625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 67, rect: [8,16 118.40625x17]
 
             "𝑊𝑒𝑙𝑙, ℎ𝑒𝑙𝑙𝑜 𝑓𝑟𝑖𝑒𝑛𝑑𝑠!"
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,49.46875) content-size 784x0 children: inline
 
+      BlockContainer <(anonymous)> at (8,49) content-size 784x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,16 784x17.46875] overflow: [8,16 784x33.46875]
 
-      PaintableWithLines (BlockContainer<P>) [8,16 784x17.46875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,16 784x17] overflow: [8,16 784x33]
 
+      PaintableWithLines (BlockContainer<P>) [8,16 784x17]
 
         TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,49.46875 784x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,49 784x0]

+ 10 - 10
Tests/LibWeb/Layout/expected/details-closed.txt
مشاهده فایل 

@@ -1,23 +1,23 @@
 
 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 784x17.46875 children: not-inline
 
+    BlockContainer <body> at (8,8) content-size 784x17 children: not-inline
 
       BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
 
         InlineNode <details>
 
-      ListItemBox <summary> at (32,8) content-size 760x17.46875 children: inline
 
-        line 0 width: 114.625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 13, rect: [32,8 114.625x17.46875]
 
+      ListItemBox <summary> at (32,8) content-size 760x17 children: inline
 
+        line 0 width: 114.625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 13, rect: [32,8 114.625x17]
 
             "I'm a summary"
 
         TextNode <#text>
 
-        ListItemMarkerBox <(anonymous)> at (8,8.234375) content-size 12x17 children: not-inline
 
-      BlockContainer <(anonymous)> at (8,25.46875) content-size 784x0 children: inline
 
+        ListItemMarkerBox <(anonymous)> at (8,8) content-size 12x17 children: not-inline
 
+      BlockContainer <(anonymous)> at (8,25) content-size 784x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17.46875]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x17]
 
       PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
 
         InlinePaintable (InlineNode<DETAILS>)
 
-      PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x17.46875]
 
+      PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x17]
 
         TextPaintable (TextNode<#text>)
 
-        MarkerPaintable (ListItemMarkerBox(anonymous)) [8,8.234375 12x17]
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,25.46875 784x0]
 
+        MarkerPaintable (ListItemMarkerBox(anonymous)) [8,8 12x17]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,25 784x0]

+ 14 - 14
Tests/LibWeb/Layout/expected/details-open.txt
مشاهده فایل 

@@ -1,35 +1,35 @@
 
 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
 
+    BlockContainer <body> at (8,8) content-size 784x34 children: not-inline
 
       BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
 
         InlineNode <details>
 
-      ListItemBox <summary> at (32,8) content-size 760x17.46875 children: inline
 
-        line 0 width: 114.625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 13, rect: [32,8 114.625x17.46875]
 
+      ListItemBox <summary> at (32,8) content-size 760x17 children: inline
 
+        line 0 width: 114.625, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 13, rect: [32,8 114.625x17]
 
             "I'm a summary"
 
         TextNode <#text>
 
-        ListItemMarkerBox <(anonymous)> at (8,8.234375) content-size 12x17 children: not-inline
 
-      BlockContainer <slot> at (8,25.46875) content-size 784x17.46875 children: inline
 
-        line 0 width: 82.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
 
-          frag 0 from TextNode start: 0, length: 10, rect: [8,25.46875 82.3125x17.46875]
 
+        ListItemMarkerBox <(anonymous)> at (8,8) content-size 12x17 children: not-inline
 
+      BlockContainer <slot> at (8,25) content-size 784x17 children: inline
 
+        line 0 width: 82.3125, height: 17, bottom: 17, baseline: 13.296875
 
+          frag 0 from TextNode start: 0, length: 10, rect: [8,25 82.3125x17]
 
             "I'm a node"
 
         TextNode <#text>
 
         TextNode <#text>
 
         InlineNode <span>
 
           TextNode <#text>
 
         TextNode <#text>
 
-      BlockContainer <(anonymous)> at (8,42.9375) content-size 784x0 children: inline
 
+      BlockContainer <(anonymous)> at (8,42) content-size 784x0 children: inline
 
         TextNode <#text>
 
 
 ViewportPaintable (Viewport<#document>) [0,0 800x600]
 
   PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
 
-    PaintableWithLines (BlockContainer<BODY>) [8,8 784x34.9375]
 
+    PaintableWithLines (BlockContainer<BODY>) [8,8 784x34]
 
       PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
 
         InlinePaintable (InlineNode<DETAILS>)
 
-      PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x17.46875]
 
+      PaintableWithLines (ListItemBox<SUMMARY>) [32,8 760x17]
 
         TextPaintable (TextNode<#text>)
 
-        MarkerPaintable (ListItemMarkerBox(anonymous)) [8,8.234375 12x17]
 
-      PaintableWithLines (BlockContainer<SLOT>) [8,25.46875 784x17.46875]
 
+        MarkerPaintable (ListItemMarkerBox(anonymous)) [8,8 12x17]
 
+      PaintableWithLines (BlockContainer<SLOT>) [8,25 784x17]
 
         InlinePaintable (InlineNode<SPAN>)
 
           TextPaintable (TextNode<#text>)
 
-      PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 784x0]
 
+      PaintableWithLines (BlockContainer(anonymous)) [8,42 784x0]

برخی فایل ها در این مقایسه diff نمایش داده نمی شوند زیرا تعداد فایل ها بسیار زیاد است

Contact | Legal | Takedown | Status
Self-hosted public services - About
NibbleSpot by 0ct0pu5