Unreviewed, rolling out r215046.
[WebKit-https.git] / LayoutTests / fast / multicol / flexbox-rows-expected.html
1 <!DOCTYPE html><html class=''>
2     <head><style>
3         .wrapper {
4             -webkit-column-count: 2;
5             -moz-column-count: 2;
6             column-count: 2;
7         }
8         
9               .pad-rows .row {
10             padding-top: 12px;
11         }
12         
13         /**
14          * Other styles
15          */
16         .description {
17             margin: 0 1em;
18             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
19             font-size: 14px;
20             line-height: 1.5;
21         }
22         .description > ul > li + li {
23             margin-top: 1em;
24         }
25         .description em {
26             font-size: 0.875em;
27             color: darkgray;
28         }
29         
30         input {
31             margin-left: 1em;
32         }
33         
34         hr {
35             margin: 1em 0;
36         }
37         </style></head><body>
38             <div class="description">
39                
40             <div class="wrapper">
41             <div class="row"><label>Label</label><input type="text"></div>
42             <div class="row"><label>Label</label><input type="text"></div>
43             <div class="row"><label>Label</label><input type="text"></div>
44             <div class="row"><label>Label</label><input type="text"></div>
45             <div class="row"><label>Label</label><input type="text"></div>
46             </div>
47             <hr>
48             <div class="wrapper pad-rows">
49             <div class="row"><label>Label</label><input type="text"></div>
50             <div class="row"><label>Label</label><input type="text"></div>
51             <div class="row"><label>Label</label><input type="text"></div>
52             <div class="row"><label>Label</label><input type="text"></div>
53             <div class="row"><label>Label</label><input type="text"></div>
54             </div>
55             
56             </body></html>