layout/reftests/columns/column-balancing-nested-000.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 <!--
     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>

mercurial