diff options
Diffstat (limited to 'tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-row-reverse-ref.xht')
-rw-r--r-- | tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-row-reverse-ref.xht | 70 |
1 files changed, 70 insertions, 0 deletions
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-row-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-row-reverse-ref.xht new file mode 100644 index 00000000000..350c024015b --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-row-reverse-ref.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head> + <title>CSS Test Reference: flex container multiline wrapping in row-reverse direction</title> + <link href="mailto:tmtysk@gmail.com" rel="author" title="tmtysk" /> + <link href="mailto:jackalmage@gmail.com" rel="reviewer" title="Tab Atkins" /> + <style> + .test { + width: 300px; + } + + p { + margin-right: 10px; + background: #ccc; + } + + #row1-col1 { + width: 90px; + float: left; + } + + #row1-col2 { + width: 90px; + float: left; + } + + #row1-col3 { + width: 90px; + float: left; + } + + #row2-col1 { + width: 140px; + float: left; + } + + #row2-col2 { + width: 140px; + float: left; + } + + #row3-col1 { + width: 290px; + float: left; + } + + .clear { + clear: both; + } + + </style> + </head> + <body> + <div class="test"> + <p id="row1-col1">1-1</p> + <p id="row1-col2">1-2</p> + <p id="row1-col3">1-3</p> + </div> + <div class="clear"></div> + <div class="test"> + <p id="row2-col1">2-1</p> + <p id="row2-col2">2-2</p> + </div> + <div class="clear"></div> + <div class="test"> + <p id="row3-col1">3-1</p> + </div> + <div class="clear"></div> + + +</body></html>
\ No newline at end of file |