summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-flexbox/reference/css-box-justify-content-ref.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-flexbox/reference/css-box-justify-content-ref.html')
-rw-r--r--testing/web-platform/tests/css/css-flexbox/reference/css-box-justify-content-ref.html27
1 files changed, 27 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-flexbox/reference/css-box-justify-content-ref.html b/testing/web-platform/tests/css/css-flexbox/reference/css-box-justify-content-ref.html
new file mode 100644
index 0000000000..e8377473fd
--- /dev/null
+++ b/testing/web-platform/tests/css/css-flexbox/reference/css-box-justify-content-ref.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<title>flexbox |css-box-justify-content</title>
+<link rel="author" href="mailto:ava656094@gmail.com" title="xiaoxia">
+<style>
+#flexbox {
+ background: green;
+ display: inline-block;
+ width: 300px;
+ height: 40px;
+ text-align:right;
+}
+.item{
+ display: inline-block;
+ text-align:left;
+ width:50px;
+ height: 30px;
+ }
+</style>
+
+<p>This test passes if the DIV5's position in the end and the div is Horizontal layout</p>
+<div id="flexbox">
+ <div class="item" style="background-color: rgb(242, 210, 80); color: rgb(41, 119, 248);">DIV1</div>
+ <div class="item" style="background-color: rgb(110, 8, 7); color: rgb(162, 152, 22);">DIV2</div>
+ <div class="item" style="background-color: rgb(215, 172, 243); color: rgb(74, 123, 110);">DIV3</div>
+ <div class="item" style="background-color: rgb(242, 133, 80); color: rgb(41, 119, 248);">DIV4</div>
+ <div class="item" style="background-color: rgb(242, 50, 80); color: rgb(41, 119, 248);">DIV5</div>
+</div>