1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/columns/column-balancing-nested-001.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,60 @@
1.4 +<!--
1.5 + Any copyright is dedicated to the Public Domain.
1.6 + http://creativecommons.org/licenses/publicdomain/
1.7 +-->
1.8 +<!DOCTYPE html>
1.9 +<html lang="en-US">
1.10 +<head>
1.11 + <title>Testing nested balancing column sets</title>
1.12 + <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=822053">
1.13 +<style type="text/css">
1.14 + html,body {
1.15 + color:black; background-color:white; font-family:monospace; font-size:16px; padding:0; margin:0;
1.16 + }
1.17 +
1.18 + .colset {
1.19 + -moz-column-count: 2;
1.20 + -moz-column-gap: 0px;
1.21 + -moz-column-rule: 1px solid black;
1.22 + margin-bottom:1em;
1.23 + width:30ch;
1.24 + }
1.25 + .colset.lvl2 {
1.26 + -moz-column-rule: 1px solid blue;
1.27 + }
1.28 + .colset.lvl3 {
1.29 + -moz-column-rule: 1px solid red;
1.30 + }
1.31 + p { margin: 0; }
1.32 + .non-balancing {
1.33 + -moz-column-fill: auto;
1.34 + }
1.35 + .fixed-height {
1.36 + height:3em;
1.37 + }
1.38 +</style>
1.39 +</head>
1.40 +<body>
1.41 +<div class="colset">
1.42 + <p>one one one one one</p>
1.43 + <div class="colset non-balancing lvl2">
1.44 + <p>two two two two two</p>
1.45 + </div>
1.46 +</div>
1.47 +<div class="colset">
1.48 + <p>one one one one one<br>one</p>
1.49 + <div class="colset fixed-height lvl2">
1.50 + <p>two two two two two</p>
1.51 + </div>
1.52 +</div>
1.53 +<div class="colset">
1.54 + <p>one<br>one</p>
1.55 + <div class="colset lvl2">
1.56 + <p>two</p>
1.57 + <div class="colset fixed-height lvl3">
1.58 + <p>three three three three three three</p>
1.59 + </div>
1.60 + </div>
1.61 +</div>
1.62 +</body>
1.63 +</html>
