Index: third_party/WebKit/LayoutTests/fast/alignment/alignment-and-anomymous-boxes.html |
diff --git a/third_party/WebKit/LayoutTests/fast/alignment/alignment-and-anomymous-boxes.html b/third_party/WebKit/LayoutTests/fast/alignment/alignment-and-anomymous-boxes.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..f7de8d75cce3915eaed7b79410d349ba449e32e6 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/alignment/alignment-and-anomymous-boxes.html |
@@ -0,0 +1,25 @@ |
+<!DOCTYPE html> |
+ |
+<style> |
+.container { |
+ background: grey; |
+ width: 200px; |
+ height: 100px; |
+} |
+.grid { display: grid; } |
+.flex { display: flex; } |
+.itemsCenter { |
+ align-items: center; |
+ justify-items: center; |
+} |
+</style> |
+ |
+<p>Grid item created as anonymous box to contain the text element. The text element should be centered in both axis due to the Default Alignment 'center' value on its container.</p> |
+<div class="container grid itemsCenter"> |
+ foobar |
+</div> |
+ |
+<p>Flex item created as anonymous box to contain the text element. The text element should be centered in both axis due to the Default Alignment 'center' value on its container.</p> |
+<div class="container flex itemsCenter"> |
+ foobar |
+</div> |