summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/022.html
diff options
context:
space:
mode:
Diffstat (limited to 'third_party/WebKit/LayoutTests/fast/deprecated-flexbox/022.html')
-rw-r--r--third_party/WebKit/LayoutTests/fast/deprecated-flexbox/022.html30
1 files changed, 30 insertions, 0 deletions
diff --git a/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/022.html b/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/022.html
new file mode 100644
index 0000000..15049e3
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/022.html
@@ -0,0 +1,30 @@
+<html>
+<head>
+<style>
+div {
+ display: -moz-box;
+ display: -webkit-box;
+ display: box;
+ background-color: green;
+ width: 100px;
+ height: 100px;
+}
+
+span {
+ -moz-box-flex: 1;
+ -webkit-box-flex: 1;
+ box-flex: 1;
+ height: 100px;
+ background-color: red;
+}
+
+</style>
+</head>
+<body>
+<p>You should see a 100x100 green square below. If you see any red, the test has failed. This test is checking
+to make sure inlines get wrapped in anonymous blocks when placed inside boxes.</p>
+<div>
+ <span></span>
+</div>
+</body>
+</html>