flexbox does wrong baseline item alignment in columns
[WebKit-https.git] / LayoutTests / css3 / flexbox / align-baseline.html
1 <style>
2 body {
3     margin: 0;
4 }
5 .flexbox {
6     display: -webkit-flex;
7     -webkit-flex-flow: column;
8     -webkit-align-items: baseline;
9 }
10 .wrap-reverse {
11     -webkit-flex-wrap: wrap-reverse;
12 }
13 </style>
14
15 <body>
16 <div class='flexbox'>
17     <h1>This text</h1>
18     <p>should be left aligned.</p>
19 </div>
20
21 <div class='flexbox wrap-reverse'>
22     <h1>This text</h1>
23     <p>should be right aligned.</p>
24 </div>
25 </body>
26
27 </html>