Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
1 <!--
2 Any copyright is dedicated to the Public Domain.
3 http://creativecommons.org/licenses/publicdomain/
4 -->
5 <!DOCTYPE html>
6 <html lang="en-US">
7 <head>
8 <title>Testing nested balancing column sets</title>
9 <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=822053">
10 <style type="text/css">
11 html,body {
12 color:black; background-color:white; font-size:16px; padding:0; margin:0;
13 }
15 .colset {
16 -moz-column-count: 2;
17 -moz-column-gap: 1px;
18 -moz-column-rule: 1px solid black;
19 border: solid silver;
20 margin-bottom:1em;
21 width:30ch;
22 }
23 p { margin: 0; }
24 </style>
25 </head>
26 <body>
27 <div class="colset">
28 <p>one one one one one</p>
29 <div class="colset">
30 <p>two two two two two</p>
31 </div>
32 </div>
33 <div class="colset">
34 <p>one one one one one</p>
35 <div class="colset">
36 <p>two two two two two</p>
37 <div class="colset">
38 <p>three three three three three</p>
39 </div>
40 </div>
41 </div>
42 <div class="colset">
43 <p>one one one one one</p>
44 <div class="colset">
45 <p>two two two two two</p>
46 <div class="colset">
47 <p>three three</p>
48 <div class="colset">
49 <p>four four four four four</p>
50 </div>
51 </div>
52 </div>
53 </div>
54 </body>
55 </html>