layout/reftests/columns/margin-collapsing-bug616722-1.html@925c144e1f1f
layout/reftests/columns/margin-collapsing-bug616722-1.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-1</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: 1;
20 -moz-column-count: 1;
21 column-count: 1;
22 }
23 </style>
24 </head>
25 <body>
26 <div class="columns">
27 <p style="margin-top:10px">The quick brown fox jumps over the lazy dog.</p>
28 </div>
29 <div class="columns">
30 <p style="margin-bottom:10px">The quick brown fox jumps over the lazy dog.</p>
31 </div>
32 <div class="columns">
33 <p style="margin:10px 0">The quick brown fox jumps over the lazy dog.</p>
34 </div>
35 <div class="columns">
36 <p style="margin:20px 0 10px 0">The quick brown fox jumps over the lazy dog.</p>
37 </div>
38 <div class="columns">
39 <p style="margin:20px 0 10px 0"></p>
40 </div>
42 <div class="columns no-border">
43 <p style="margin-top:10px">The quick brown fox jumps over the lazy dog.</p>
44 </div>
45 <div class="columns no-border">
46 <p style="margin-bottom:10px">The quick brown fox jumps over the lazy dog.</p>
47 </div>
48 <div class="columns no-border">
49 <p style="margin:10px 0">The quick brown fox jumps over the lazy dog.</p>
50 </div>
51 <div class="columns no-border">
52 <p style="margin:20px 0 10px 0">The quick brown fox jumps over the lazy dog.</p>
53 </div>
54 <div class="columns no-border">
55 <p style="margin:20px 0 10px 0"></p>
56 </div>
58 </body></html>
