summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/003.html
diff options
context:
space:
mode:
Diffstat (limited to 'third_party/WebKit/LayoutTests/fast/deprecated-flexbox/003.html')
-rw-r--r--third_party/WebKit/LayoutTests/fast/deprecated-flexbox/003.html39
1 files changed, 39 insertions, 0 deletions
diff --git a/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/003.html b/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/003.html
new file mode 100644
index 0000000..1b59e02
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/deprecated-flexbox/003.html
@@ -0,0 +1,39 @@
+<html>
+<head>
+<style>
+div.crossTop {
+ height: 100px;
+ width: 300px;
+ background-color:green;
+ display: -moz-box;
+ display: -webkit-box;
+ display: box;
+ -moz-box-align: center;
+ -webkit-box-align: center;
+ box-align: center;
+ -moz-box-orient: horizontal;
+ -webkit-box-orient: horizontal;
+ box-orient: horizontal;
+}
+
+div.crossBar {
+ height: 300px;
+ width: 100px;
+ background-color:green;
+ margin-left: 100px;
+ margin-top: -100px;
+}
+</style>
+</head>
+<body>
+You should see a green cross below (300 pixels wide and 300 pixels tall). This is a test to ensure that
+boxes don't obey the overconstraint correction (margin-top/bottom should not be corrected when a box is
+overconstrained).
+
+<div style="padding-top:200px; padding-left:0px">
+<div class="crossTop">
+<div class="crossBar"></div>
+</div>
+</div>
+</body>
+</html>