layout/reftests/columns/margin-collapsing-bug616722-2.html@925c144e1f1f
layout/reftests/columns/margin-collapsing-bug616722-2.html
Fri, 16 Jan 2015 18:13:44 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 18:13:44 +0100
- branch
- TOR_BUG_9701
- changeset 14
- 925c144e1f1f
- permissions
- -rw-r--r--
Integrate suggestion from review to improve consistency with existing code.
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 div {
10 background-color:lime;
11 margin: 0em;
12 border: 1px solid black;
13 }
14 .no-border {
15 border-style: none;
16 }
18 .columns {
19 -webkit-column-count: 3;
20 -moz-column-count: 3;
21 column-count: 3;
22 }
23 </style>
24 </head>
25 <body>
26 <div class="columns no-border" style="margin:10px 0"></div>
27 <div class="columns">
28 <p style="margin-top:10px">1</p>
29 <p>2</p>
30 <p>3</p>
31 </div>
32 <div class="columns no-border" style="padding:10px 0;background:none"><p></p></div>
33 <div class="columns">
34 <p style="margin-bottom:10px">1</p>
35 <p>2</p>
36 <p style="margin-bottom:20px">3</p>
37 </div>
38 <div class="columns">
39 <p style="margin:10px 0">1</p>
40 <p>2</p>
41 <p>3</p>
42 </div>
43 <div class="columns">
44 <p style="margin:20px 0 10px 0">1</p>
45 <p>2</p>
46 <p>3</p>
47 </div>
48 <div class="columns">
49 <p style="margin:20px 0 10px 0"></p>
50 <p></p>
51 <p style="margin:20px 0 10px 0"></p>
52 </div>
54 <div class="columns no-border">
55 <p style="margin-top:10px">1</p>
56 <p>2</p>
57 <p style="margin-bottom:20px">3</p>
58 </div>
59 <div class="columns no-border">
60 <p style="margin-bottom:10px">1</p>
61 <p>2</p>
62 <p>3</p>
63 </div>
64 <div class="columns no-border">
65 <p style="margin:10px 0">1</p>
66 <p>2</p>
67 <p>3</p>
68 </div>
69 <div class="columns no-border">
70 <p style="margin:20px 0 10px 0">1</p>
71 <p>2</p>
72 <p style="margin:20px 0 10px 0">3</p>
73 </div>
74 <div class="columns no-border">
75 <p style="margin:20px 0 10px 0"></p>
76 <p></p>
77 <p style="margin:20px 0 10px 0"></p>
78 </div>
80 </body></html>
