layout/reftests/columns/margin-collapsing-bug616722-2-ref.html@7e26c7da4463
layout/reftests/columns/margin-collapsing-bug616722-2-ref.html
Wed, 31 Dec 2014 06:55:50 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:55:50 +0100
- changeset 2
- 7e26c7da4463
- permissions
- -rw-r--r--
Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2
1 <!DOCTYPE html>
2 <html><head>
3 <meta http-equiv="content-type" content="text/html; charset=UTF-8">
4 <title>616722-2</title>
6 <style type="text/css">
7 body,html { margin:0;padding: 10px;}
8 p { margin: 3px 0; background:pink; }
9 .no-border p { margin: 0; }
11 .columns {
12 -webkit-column-count: 3;
13 -moz-column-count: 3;
14 column-count: 3;
15 background-color:lime;
16 margin: 0em;
17 border: 1px solid black;
18 }
19 .no-border {
20 border-width: 0;
21 }
22 </style>
23 </head>
24 <body>
25 <div class="columns no-border" style="padding:10px 0;background:none"></div>
26 <div class="columns">
27 <div style="padding-top:7px"><p>1</p></div>
28 <p>2</p>
29 <p>3</p>
30 </div>
31 <div class="columns no-border" style="padding:10px 0;background:none"><p></p></div>
32 <div class="columns">
33 <div style="padding-bottom:10px"><p>1</p></div>
34 <p>2</p>
35 <div style="padding-bottom:17px"><p>3</p></div>
36 </div>
37 <div class="columns">
38 <div style="padding:7px 0 0 0"><p>1</p></div>
39 <p>2</p>
40 <p>3</p>
41 </div>
42 <div class="columns">
43 <div style="padding:17px 0 0 0"><p>1</p></div>
44 <p>2</p>
45 <p>3</p>
46 </div>
47 <div class="columns">
48 <p style="margin:0"></p>
49 <p style="margin:0"></p>
50 <p style="margin:0"></p>
51 </div>
53 <div class="columns no-border">
54 <div style="padding-top:10px"><p>1</p></div>
55 <p>2</p>
56 <div style="padding-bottom:20px"><p>3</p></div>
57 </div>
58 <div class="columns no-border">
59 <div style="padding-top:3px"><p>1</p></div>
60 <p>2</p>
61 <div style="padding-bottom:0px"><p>3</p></div>
62 </div>
63 <div class="columns no-border">
64 <div style="padding:10px 0 0 0"><p>1</p></div>
65 <p>2</p>
66 <p>3</p>
67 </div>
68 <div class="columns no-border">
69 <div style="padding:20px 0 0 0"><p>1</p></div>
70 <div style="padding:0 0 20px 0"><p>2</p></div>
71 <p>3</p>
72 </div>
73 <div class="columns no-border">
74 <p style="margin:0"></p>
75 <p style="margin:0"></p>
76 <p style="margin:0"></p>
77 </div>
80 </body></html>
