OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>CSS Test: writing-mode vertical-lr and vertical-rl</title> | 4 <title>CSS Test: Flexbox align-items: stretch with writing-mode vertical-lr
and vertical-rl</title> |
5 <link rel="author" title="Mitsuteru Sawa" href="mailto:mitsuteru.s@gmail.com
"> | 5 <link rel="author" title="Mitsuteru Sawa" href="mailto:mitsuteru.s@gmail.com
"> |
6 <link rel="reviewer" title="Tab Atkins Jr." href="mailto:jackalmage@gmail.co
m"> | 6 <link rel="reviewer" title="Tab Atkins Jr." href="mailto:jackalmage@gmail.co
m"> |
| 7 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#propdef-align-ite
ms"> |
7 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mod
e"> | 8 <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mod
e"> |
8 <link rel="match" href="writing-mode-stretch-001-ref.html"> | 9 <link rel="match" href="flexbox_align-items-stretch-writing-modes-ref.html"> |
9 <meta name="assert" content="vertical-writing-mode flex items should stretch
"> | 10 <meta name="assert" content="vertical-writing-mode flex items should stretch
"> |
10 <style> | 11 <style> |
11 .container { | 12 .container { |
12 display: flex; | 13 display: flex; |
13 width: 250px; | 14 width: 250px; |
14 } | 15 } |
15 .vertical-rl { | 16 .vertical-rl { |
16 writing-mode: vertical-rl; | 17 writing-mode: vertical-rl; |
17 } | 18 } |
18 .vertical-lr { | 19 .vertical-lr { |
(...skipping 29 matching lines...) Expand all Loading... |
48 <div class="square"></div> | 49 <div class="square"></div> |
49 </div> | 50 </div> |
50 <div class="vertical-lr item"> | 51 <div class="vertical-lr item"> |
51 <div class="square"></div> | 52 <div class="square"></div> |
52 <div class="square"></div> | 53 <div class="square"></div> |
53 </div> | 54 </div> |
54 </div> | 55 </div> |
55 </div> | 56 </div> |
56 </body> | 57 </body> |
57 </html> | 58 </html> |
OLD | NEW |