[LayoutNG] Rebaseline 2 vertical-align tests in css2.1

This patch rebaselines 1px differences in the baseline
positioning when the 'vertical-aling' property is used.

Legacy computes the baseline position in multiple steps,
while NG computes in single function. This difference
causes slight rounding differences.

TBR=atoti@chromium.org
NOTRY=true

Bug: 636993
Cq-Include-Trybots: luci.chromium.try:linux_layout_tests_layout_ng
Change-Id: Ia2adec046f2ac13dfb4d479e8ffa56cb4a3bd040
Reviewed-on: https://chromium-review.googlesource.com/1107860
Commit-Queue: Koji Ishii <kojii@chromium.org>
Reviewed-by: Koji Ishii <kojii@chromium.org>
Cr-Commit-Position: refs/heads/master@{#568835}

third_party/WebKit/LayoutTests/FlagExpectations/enable-blink-features=LayoutNG

@@ -112,8 +112,6 @@ crbug.com/591099 css1/box_properties/float_on_text_elements.html [ Failure ]
 crbug.com/591099 css1/classification/list_style_image.html [ Failure ]
 crbug.com/591099 css2.1/20110323/margin-applies-to-008.htm [ Failure ]
 crbug.com/591099 css2.1/t0510-c25-pseudo-elmnt-00-c.html [ Failure ]
-crbug.com/591099 css2.1/t100801-c544-valgn-00-a-ag.html [ Failure ]
-crbug.com/591099 css2.1/t100801-c544-valgn-03-d-agi.html [ Failure ]
 crbug.com/591099 css2.1/t1202-counter-04-b.html [ Failure ]
 crbug.com/591099 css2.1/t1202-counters-04-b.html [ Failure ]
 crbug.com/591099 css3/filters/composited-layer-child-bounds-after-composited-to-sw-shadow-change.html [ Failure ]

third_party/WebKit/LayoutTests/flag-specific/enable-blink-features=LayoutNG/css2.1/t100801-c544-valgn-00-a-ag-expected.txt

+layer at (0,0) size 800x600
+  LayoutView at (0,0) size 800x600
+layer at (0,0) size 800x260
+  LayoutNGBlockFlow {HTML} at (0,0) size 800x259.66
+    LayoutNGBlockFlow {BODY} at (8,16) size 784x193.66
+      LayoutNGBlockFlow {P} at (0,0) size 784x40
+        LayoutText {#text} at (0,0) size 754x39
+          text run at (0,0) width 754: "There should be four identical white boxes in the teal block below, all the same size, each one a little lower down on the"
+          text run at (0,20) width 134: "line, in a step pattern."
+      LayoutNGBlockFlow {DIV} at (50,90) size 684x103.66 [color=#FFFFFF] [bgcolor=#008080]
+        LayoutInline {SPAN} at (0,0) size 51x51
+          LayoutText {#text} at (12,12) size 51x51
+            text run at (12,12) width 51: "X"
+        LayoutText {#text} at (62,30) size 51x51
+          text run at (62,30) width 51: " "
+        LayoutImage {IMG} at (112.50,20.16) size 50x50
+        LayoutText {#text} at (162,30) size 151x51
+          text run at (162,30) width 151: " X "
+        LayoutInline {SPAN} at (0,0) size 51x51
+          LayoutText {#text} at (312,41) size 51x51
+            text run at (312,41) width 51: "X"

third_party/WebKit/LayoutTests/flag-specific/enable-blink-features=LayoutNG/css2.1/t100801-c544-valgn-03-d-agi-expected.txt

+layer at (0,0) size 800x600
+  LayoutView at (0,0) size 800x600
+layer at (0,0) size 800x323
+  LayoutNGBlockFlow {HTML} at (0,0) size 800x323
+    LayoutNGBlockFlow {BODY} at (8,16) size 784x292
+      LayoutNGBlockFlow {P} at (0,0) size 784x40
+        LayoutText {#text} at (0,0) size 750x39
+          text run at (0,0) width 750: "Change your window size. However the lines wrap, the blue rectanglues should always have their middles on the same"
+          text run at (0,20) width 287: "alignment as other blue rectangles on the line."
+      LayoutNGBlockFlow {P} at (15,56) size 754x236 [color=#0000FF] [bgcolor=#FFFFFF] [border: (1px solid #C0C0C0)]
+        LayoutText {#text} at (8,35) size 61x15
+          text run at (8,35) width 61: "\x{C9}\x{C9}\x{C9} "
+        LayoutImage {IMG} at (68.50,26) size 30x30
+        LayoutText {#text} at (98,35) size 16x15
+          text run at (98,35) width 16: " "
+        LayoutInline {SPAN} at (0,0) size 115x38 [color=#C0C0C0]
+          LayoutText {#text} at (113,17) size 115x38
+            text run at (113,17) width 115: "xxx"
+        LayoutText {#text} at (227,35) size 16x15
+          text run at (227,35) width 16: " "
+        LayoutImage {IMG} at (242.50,16) size 50x50
+        LayoutText {#text} at (292,35) size 76x15
+          text run at (292,35) width 76: " \x{C9}\x{C9}\x{C9} "
+        LayoutImage {IMG} at (367.50,36) size 10x10
+        LayoutText {#text} at (377,35) size 16x15
+          text run at (377,35) width 16: " "
+        LayoutInline {SMALL} at (0,0) size 31x10 [color=#C0C0C0]
+          LayoutText {#text} at (392,39) size 31x10
+            text run at (392,39) width 31: "xxx"
+        LayoutText {#text} at (422,35) size 16x15
+          text run at (422,35) width 16: " "
+        LayoutImage {IMG} at (437.50,31) size 20x20
+        LayoutText {#text} at (457,35) size 76x15
+          text run at (457,35) width 76: " \x{C9}\x{C9}\x{C9} "
+        LayoutImage {IMG} at (532.50,8.50) size 65x65
+        LayoutText {#text} at (597,35) size 76x15
+          text run at (597,35) width 76: " \x{C9}\x{C9}\x{C9} "
+        LayoutImage {IMG} at (672.50,23.50) size 35x35
+        LayoutText {#text} at (0,0) size 0x0
+        LayoutInline {SPAN} at (0,0) size 91x31 [color=#C0C0C0]
+          LayoutText {#text} at (8,94) size 91x31
+            text run at (8,94) width 91: "xxx"
+        LayoutText {#text} at (98,106) size 16x16
+          text run at (98,106) width 16: " "
+        LayoutImage {IMG} at (113.50,87.50) size 50x50
+        LayoutText {#text} at (163,106) size 16x16
+          text run at (163,106) width 16: " "
+        LayoutInline {SPAN} at (0,0) size 353x57 [color=#C0C0C0]
+          LayoutText {#text} at (178,100) size 93x24
+            text run at (178,100) width 93: "xxx "
+          LayoutInline {SPAN} at (0,0) size 169x57
+            LayoutText {#text} at (270,73) size 169x57
+              text run at (270,73) width 169: "xxx"
+          LayoutText {#text} at (438,100) size 93x24
+            text run at (438,100) width 93: " xxx"
+        LayoutText {#text} at (530,106) size 16x16
+          text run at (530,106) width 16: " "
+        LayoutImage {IMG} at (545.50,87.50) size 50x50
+        LayoutText {#text} at (595,106) size 16x16
+          text run at (595,106) width 16: " "
+        LayoutInline {SMALL} at (0,0) size 31x11 [color=#C0C0C0]
+          LayoutText {#text} at (610,110) size 31x11
+            text run at (610,110) width 31: "xxx"
+        LayoutText {#text} at (640,106) size 16x16
+          text run at (640,106) width 16: " "
+        LayoutImage {IMG} at (655.50,105) size 15x15
+        LayoutText {#text} at (670,106) size 16x16
+          text run at (670,106) width 16: " "
+        LayoutInline {BIG} at (0,0) size 61x21 [color=#C0C0C0]
+          LayoutText {#text} at (685,102) size 61x21
+            text run at (685,102) width 61: "xxx"
+        LayoutText {#text} at (0,0) size 0x0
+        LayoutImage {IMG} at (8.50,137.50) size 90x90
+        LayoutText {#text} at (98,176) size 61x16
+          text run at (98,176) width 61: " \x{C9}\x{C9}\x{C9}"