Index: LayoutTests/fast/css-grid-layout/vertical-align-do-not-effect-grid-items.html |
diff --git a/LayoutTests/fast/css-grid-layout/vertical-align-do-not-effect-grid-items.html b/LayoutTests/fast/css-grid-layout/vertical-align-do-not-effect-grid-items.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..3230a3a9f6b21f238acf9703f7553a2a6a00b3d6 |
--- /dev/null |
+++ b/LayoutTests/fast/css-grid-layout/vertical-align-do-not-effect-grid-items.html |
@@ -0,0 +1,25 @@ |
+<!DOCTYPE html> |
+<link href='resources/grid.css' rel='stylesheet'> |
+<style> |
+.grid { |
+ background-color: lightgrey; |
+} |
+#item1 { |
+ vertical-align: 10px; |
+} |
+#item3 { |
+ vertical-align: 30px; |
+} |
+</style> |
+ |
+<p>This test checks that vertical-align should have no effect on a grid item |
+i.e grid items' content should not be shifted by the vertical-align</p> |
+ |
+<div class='grid'> |
+ <!-- grid item: block child --> |
+ <div id='item1'>block</div> |
+ <!-- grid item: anonymous block box around inline content --> |
+ anonymous item 2 |
+ <!-- grid item: inline child --> |
+ <span id='item3'>item 3</span> |
+</div> |