Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / css3 / flexbox / columns-center-with-margins.html
blobbb6148b8dbd5f4f8fcea67539b3afb58afe60bee
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <link href="resources/flexbox.css" rel="stylesheet">
5 <style>
6 .flexbox {
7 border: 1px solid black;
8 width: 400px;
9 height: 200px;
11 .item1 {
12 margin: 0 auto;
13 background: lightblue;
15 .item1v {
16 margin: auto 0;
17 background: lightblue;
19 .item2 {
20 background: lime;
22 </style>
23 </head>
24 <body>
25 <div class="flexbox column">
26 <div class="item1">centeredWithMargins</div>
27 <div class="item2 align-self-center">centeredWithAlignSelf</div>
28 </div>
29 <div style="-webkit-writing-mode: vertical-lr;">
30 <div class="flexbox column">
31 <div class="item1v">centeredWithMargins</div>
32 <div class="item2 align-self-center">centeredWithAlignSelf</div>
33 </div>
34 </div>
35 </body>
36 </html>