diff options
| author | James Graham <james@hoppipolla.co.uk> | 2015-03-27 09:18:12 +0000 |
|---|---|---|
| committer | James Graham <james@hoppipolla.co.uk> | 2015-04-03 23:29:19 +0100 |
| commit | 2c9faf5363be229498578bdeca55c0c52730f0fa (patch) | |
| tree | e070d5d12a587f1e1939410b2cd88450543d7534 /tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/multi-line-wrap-with-row-reverse-ref.xht | |
| parent | 1a81b18b9f22d7bc1a967d08fcc7fbcf2ee200f5 (diff) | |
| download | servo-2c9faf5363be229498578bdeca55c0c52730f0fa.tar.gz servo-2c9faf5363be229498578bdeca55c0c52730f0fa.zip | |
Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab
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 |