Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-baseline-margins-expected.html |
diff --git a/third_party/WebKit/LayoutTests/css3/flexbox/flexbox-baseline-margins.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-baseline-margins-expected.html |
similarity index 81% |
copy from third_party/WebKit/LayoutTests/css3/flexbox/flexbox-baseline-margins.html |
copy to third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-baseline-margins-expected.html |
index ffbd357284abf9d4b19b206f2fa067db818d2e20..67de7c0229ac43a52b7021404c9e33af6c4c851b 100644 |
--- a/third_party/WebKit/LayoutTests/css3/flexbox/flexbox-baseline-margins.html |
+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-baseline-margins-expected.html |
@@ -1,36 +1,28 @@ |
<!DOCTYPE html> |
-<html> |
-<head> |
-<link href="resources/flexbox.css" rel="stylesheet"> |
<style> |
-.flexbox, .inline-flexbox { |
- background-color: lightgrey; |
+.flexbox { |
+ display: -webkit-flex; |
+ display: flex; |
} |
- |
-.inline-block { |
- display: inline-block; |
+.inline-flexbox { |
+ display: -webkit-inline-flex; |
+ display: inline-flex; |
} |
- |
-.border { |
- border: 11px solid pink; |
+.flex-one { |
+ -webkit-flex: 1; |
+ flex: 1; |
} |
- |
-.padding { |
- padding: 13px; |
-} |
- |
-.margin { |
- margin: 8px 0; |
-} |
- |
+.inline-block { display: inline-block; } |
+.flexbox, .inline-flexbox { background-color: lightgrey; } |
+.border { border: 11px solid pink; } |
+.padding { padding: 13px; } |
+.margin { margin: 8px 0; } |
.flexbox > div { |
min-width: 0; |
min-height: 0; |
} |
</style> |
-</head> |
-<body> |
- |
+<p>This test ensures that Baseline Alignment works for 1-dimensional Grid like in Flexible Box, even using margins, paddings and borders.</p> |
<div> |
before text |
<div class="border" style="display: inline-block; background-color: lightgrey"> |
@@ -97,6 +89,3 @@ Should align 10px above the |
</div> |
horizontal scrollbar, if one is visible. |
</div> |
- |
-</body> |
-</html> |